:root {
  color-scheme: light;
  --felt: #073d25;
  --felt-2: #0d5334;
  --panel: #0f3b32;
  --panel-light: #176250;
  --line: #b88b44;
  --gold: #e3c36b;
  --wood: #b7753e;
  --wood-dark: #6b3b1d;
  --cream: #f7e7c7;
  --point-light: #efd7aa;
  --point-dark: #8f3f28;
  --ink: #101216;
  --muted: #d7e2d6;
  --danger: #c95745;
  --shadow: 0 16px 35px rgba(0, 0, 0, 0.35);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background: radial-gradient(circle at 50% 30%, #18704c 0, #06351f 56%, #021a11 100%);
}

button, input { font: inherit; }
button { border: 0; cursor: pointer; }
.hidden { display: none !important; }

.app { min-height: 100vh; }

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(320px, 720px) minmax(320px, 430px);
  place-items: center;
  gap: clamp(28px, 5vw, 74px);
  padding: clamp(18px, 5vw, 72px);
  background: radial-gradient(circle at 48% 48%, rgba(19, 126, 72, .72), rgba(2, 45, 25, .96) 62%, #01190e 100%);
}

.brand { display: flex; align-items: center; gap: 18px; }
.auth-art {
  position: relative;
  width: min(100%, 640px);
  height: min(52vw, 360px);
  min-height: 250px;
  justify-content: center;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 219, 111, .17), transparent 28%),
    linear-gradient(135deg, rgba(0, 33, 18, .45), rgba(13, 93, 58, .58), rgba(0, 25, 13, .62));
  box-shadow: 0 34px 75px rgba(0,0,0,.42), inset 0 0 90px rgba(255, 204, 88, .08);
  isolation: isolate;
}
.auth-art::before,
.auth-art::after {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 20px;
  pointer-events: none;
}
.auth-art::before {
  border: 1px solid rgba(239, 200, 91, .35);
  box-shadow: 0 0 30px rgba(239, 200, 91, .18), inset 0 0 28px rgba(0,0,0,.25);
  animation: dinamikFramePulse 3.8s ease-in-out infinite;
}
.auth-art::after {
  width: 42%;
  inset: -35% auto -35% -48%;
  border-radius: 0;
  background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.02) 35%, rgba(255,236,166,.42) 50%, rgba(255,255,255,.02) 66%, transparent 100%);
  transform: skewX(-18deg);
  filter: blur(.5px);
  animation: dinamikShine 4.2s ease-in-out infinite;
  z-index: 2;
}
.auth-hero-image {
  position: relative;
  z-index: 1;
  width: 92%;
  max-height: 250px;
  object-fit: contain;
  filter: drop-shadow(0 20px 32px rgba(0,0,0,.56));
  animation: dinamikLogoFloat 4.6s ease-in-out infinite;
}
.auth-art .sparkle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 219, 111, .95);
  box-shadow: 0 0 16px rgba(255, 219, 111, .85);
  opacity: .75;
  animation: dinamikSpark 3.6s ease-in-out infinite;
  pointer-events: none;
}
.auth-art .sparkle:nth-child(2) { left: 18%; top: 28%; animation-delay: .2s; }
.auth-art .sparkle:nth-child(3) { left: 72%; top: 22%; animation-delay: 1s; }
.auth-art .sparkle:nth-child(4) { left: 82%; top: 68%; animation-delay: 1.8s; }
.auth-art .sparkle:nth-child(5) { left: 24%; top: 74%; animation-delay: 2.6s; }
@keyframes dinamikLogoFloat {
  0%, 100% { transform: translateY(0) scale(1); filter: drop-shadow(0 20px 32px rgba(0,0,0,.56)); }
  50% { transform: translateY(-9px) scale(1.018); filter: drop-shadow(0 30px 44px rgba(0,0,0,.62)) drop-shadow(0 0 16px rgba(239,200,91,.26)); }
}
@keyframes dinamikFramePulse {
  0%, 100% { opacity: .65; box-shadow: 0 0 26px rgba(239, 200, 91, .15), inset 0 0 28px rgba(0,0,0,.25); }
  50% { opacity: 1; box-shadow: 0 0 48px rgba(239, 200, 91, .32), inset 0 0 34px rgba(239,200,91,.06); }
}
@keyframes dinamikShine {
  0%, 55% { left: -48%; opacity: 0; }
  66% { opacity: 1; }
  100% { left: 118%; opacity: 0; }
}
@keyframes dinamikSpark {
  0%, 100% { transform: translateY(0) scale(.65); opacity: .25; }
  45% { transform: translateY(-16px) scale(1.15); opacity: .95; }
}
.mark {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(145deg, #d99b48, #7e421c);
  color: #fff8d8;
  font-size: 42px;
  font-weight: 800;
  box-shadow: var(--shadow);
}

h1, h2, p { margin-top: 0; }
.brand h1 { margin-bottom: 8px; font-size: 42px; line-height: 1; }
.brand p { color: var(--muted); margin-bottom: 0; }

.auth-panel {
  width: min(100%, 430px);
  padding: 20px;
  background: rgba(2, 31, 18, 0.82);
  border: 2px solid #d19c3d;
  border-radius: 6px;
  box-shadow: var(--shadow);
}

.tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 18px; }
.tab, .ghost, .info-button {
  min-height: 38px;
  border-radius: 4px;
  background: linear-gradient(#e8ecec, #bfc9c9);
  color: #061b16;
  font-weight: 700;
}
.tab.active { background: linear-gradient(#1f8a68, #0b4b34); color: #fff; }
.form { display: grid; gap: 14px; }
label { display: grid; gap: 7px; color: #eaf3ea; font-size: 14px; }
input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #86a99d;
  border-radius: 4px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink);
}
.primary {
  min-height: 42px;
  border-radius: 4px;
  padding: 0 16px;
  background: linear-gradient(#2d8b68, #0e563b);
  color: #fffbe5;
  font-weight: 800;
  border: 1px solid #87c4a8;
  text-shadow: 0 1px 1px #000;
}
.primary:disabled, .ghost:disabled { opacity: 0.55; cursor: not-allowed; }
.small { min-height: 34px; padding: 0 10px; }
.message { min-height: 22px; margin: 14px 0 0; color: #ffd0c9; }

.forgot-password {
  justify-self: center;
  min-height: 34px;
  padding: 7px 14px;
  background: transparent;
  color: #ffe28a;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .2px;
  border-radius: 999px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0,0,0,.75);
  box-shadow: inset 0 -1px 0 rgba(255, 226, 138, .6);
}
.forgot-password:hover {
  color: #fff7c8;
  background: rgba(255, 210, 83, .08);
  box-shadow: 0 0 18px rgba(255, 210, 83, .16), inset 0 -1px 0 rgba(255, 247, 200, .8);
}

.table-room {
  min-height: 100vh;
  display: grid;
  grid-template-rows: 36px 1fr 112px;
  background: linear-gradient(90deg, #062719, #0a4a2c 24%, #0b5b35 50%, #0a4a2c 76%, #062719);
  border: 3px solid #0c3550;
}

.room-bar {
  display: grid;
  grid-template-columns: 250px 1fr auto 130px;
  align-items: center;
  gap: 10px;
  padding: 3px 8px;
  background: linear-gradient(#42a2a1, #17605d);
  border-bottom: 2px solid #d1b35b;
  color: #effffb;
}
.room-brand { display: flex; gap: 10px; align-items: center; min-width: 0; }
.room-brand strong { color: #fff7b4; }
.room-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.room-status {
  justify-self: stretch;
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 4px 12px;
  background: #07381f;
  border: 2px solid #af8a39;
  color: #9cff79;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  white-space: nowrap;
}
.lobby-stats {
  color: #ffe58b;
  font-size: 12px;
  font-weight: 900;
  padding-left: 12px;
  border-left: 1px solid rgba(255,226,138,.55);
}
.top-user-box { justify-self: end; min-width: 130px; padding: 5px 10px; border: 1px solid #6bb1aa; background: rgba(3,37,27,.74); color: #ffe28a; font-weight: 900; text-align: center; }
.resign {
  justify-self: end;
  min-height: 28px;
  border-radius: 3px;
  padding: 0 14px;
  background: #083420;
  color: #ffe58b;
  font-weight: 800;
}

.game-table {
  display: grid;
  grid-template-columns: 132px minmax(560px, 1fr);
  gap: 8px;
  min-height: 0;
  padding: 8px;
}
.side-console {
  display: grid;
  align-content: start;
  gap: 8px;
}
.console-title, .chat-title {
  min-height: 24px;
  display: grid;
  place-items: center;
  background: linear-gradient(#56aaa8, #246968);
  border: 1px solid #0d4444;
  color: #dffbff;
  font-weight: 800;
  font-size: 13px;
}
.check-line {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  padding: 4px 6px;
  background: rgba(2, 37, 23, 0.88);
  border: 1px solid #447c61;
  color: #f3fff6;
  font-size: 12px;
}
.check-line input { width: 13px; min-height: 13px; padding: 0; }
.info-button { width: 100%; min-height: 26px; font-size: 12px; }

.lobby {
  display: grid;
  gap: 8px;
  padding: 8px;
  background: rgba(2, 29, 19, 0.82);
  border: 1px solid #3a8366;
}
.section-title { display: grid; gap: 4px; }
.section-title h2 { margin: 0; color: #ffe99d; font-size: 18px; }
#balanceBadge {
  display: inline-block;
  width: max-content;
  border-radius: 999px;
  background: #e7c46b;
  padding: 5px 8px;
  color: #2c1a03;
  font-weight: 800;
  font-size: 12px;
}
.stake-form { display: grid; gap: 8px; }
.stake-form label { font-size: 12px; }
.stake-form input { min-height: 34px; }
.table-list { display: grid; gap: 7px; }
.table-row {
  display: grid;
  gap: 7px;
  padding: 8px;
  background: #f1dfb8;
  border: 2px solid #8a5a2a;
  color: #1f1408;
}
.table-row strong { display: block; font-size: 15px; }
.table-row span { display: block; color: #514132; font-size: 12px; }

.board-stage {
  min-width: 0;
  display: grid;
  background: radial-gradient(circle, rgba(23, 95, 59, .8), rgba(3, 45, 27, .95));
  border: 1px solid #10543b;
  padding: 8px;
}
.empty {
  min-height: 520px;
  display: grid;
  place-content: center;
  text-align: center;
  color: #f6fff6;
}
.empty p { color: #d7e2d6; margin-bottom: 0; }
.waiting-card {
  max-width: 520px;
  margin: auto;
  padding: 24px;
  border: 2px solid #c6a75a;
  border-radius: 4px;
  background: rgba(4, 41, 25, .94);
  box-shadow: var(--shadow);
}
.waiting-badge {
  display: inline-block;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #e7c46b;
  color: #2c1a03;
  padding: 7px 10px;
  font-weight: 800;
  font-size: 14px;
}
.live-match { display: grid; grid-template-rows: auto 1fr; gap: 8px; min-height: 0; }
.match-strip {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 5px 8px;
  background: #06341f;
  border: 2px solid #a77f30;
}
.match-strip h2 { margin: 0 0 2px; color: #fff3a9; font-size: 17px; }
#turnLine { margin: 0 0 3px; color: #ffe28a; font-size: 14px; font-weight: 800; }
#selectionLine { margin: 0; color: #9cff79; font-size: 13px; }
.dicebar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
#dice { color: #d8ead8; }
.board-dice {
  position: absolute;
  left: 33%;
  top: 47%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 18px;
  align-items: center;
  min-height: 64px;
  z-index: 8;
  pointer-events: none;
}
.die {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  padding: 7px;
  border: 1px solid #d6caa7;
  border-radius: 8px;
  background:
    radial-gradient(circle at 30% 25%, #fffdf0 0 18%, transparent 19%),
    linear-gradient(145deg, #fff9df 0%, #f2e6be 52%, #c9b071 100%);
  box-shadow: 12px 15px 16px rgba(0,0,0,.42), inset 3px 3px 5px rgba(255,255,255,.85), inset -5px -6px 8px rgba(92,63,22,.32);
  transform: rotate(-16deg) skew(-2deg);
  pointer-events: auto;
}
.die:nth-child(2) { transform: rotate(12deg) skew(2deg); margin-top: -10px; }
.die.usable { border-color: #ffe88a; }
.die:disabled { opacity: .94; }
.pip {
  width: 8px;
  height: 8px;
  align-self: center;
  justify-self: center;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #5a2518 0 28%, #22100c 75%);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.22);
  opacity: 0;
}
.one.p5,
.two.p1, .two.p9,
.three.p1, .three.p5, .three.p9,
.four.p1, .four.p3, .four.p7, .four.p9,
.five.p1, .five.p3, .five.p5, .five.p7, .five.p9,
.six.p1, .six.p3, .six.p4, .six.p6, .six.p7, .six.p9 { opacity: 1; }

.board-shell {
  display: grid;
  grid-template-columns: 82px minmax(520px, 900px) 82px;
  justify-content: center;
  gap: 8px;
  min-height: 0;
}
.board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 5px;
  min-height: 520px;
  padding: 18px 16px;
  border-radius: 8px;
  border: 16px solid var(--wood-dark);
  background:
    linear-gradient(90deg, transparent calc(50% - 10px), #6e3d1d calc(50% - 10px), #d0a15e 50%, #6e3d1d calc(50% + 10px), transparent calc(50% + 10px)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 14px, rgba(0,0,0,.05) 14px 28px),
    linear-gradient(135deg, #d7a05d, #a7622f 55%, #d39b55);
  box-shadow: inset 0 0 25px rgba(0,0,0,.4), 0 18px 25px rgba(0,0,0,.35);
}
.board::before,
.board::after {
  content: "";
  position: absolute;
  left: calc(50% - 18px);
  width: 36px;
  height: 58px;
  border-radius: 4px;
  background: linear-gradient(#e6c575, #8f6228);
  border: 2px solid #5b3815;
  z-index: 1;
}
.board::before { top: 34%; }
.board::after { bottom: 34%; }
.point {
  position: relative;
  min-width: 0;
  min-height: 230px;
  border-radius: 3px;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8px 3px;
  overflow: visible;
}
.point::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--point-light);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 0;
}
.point:nth-child(even)::before { background: var(--point-dark); }
.point.bottom {
  justify-content: flex-end;
}
.point.bottom::before {
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.point.selected { outline: 4px solid #ffec78; outline-offset: 2px; }
.point-label {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff1b0;
  font-size: 12px;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
.point.top .point-label { top: -17px; }
.point.bottom .point-label { bottom: -17px; }
.checker {
  width: min(42px, 4.7vw);
  height: min(42px, 4.7vw);
  min-width: 26px;
  min-height: 26px;
  border-radius: 50%;
  margin: 2px 0;
  border: 2px solid rgba(0,0,0,.35);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 2px 6px rgba(255,255,255,.35), inset 0 -4px 8px rgba(0,0,0,.28), 0 3px 5px rgba(0,0,0,.28);
  z-index: 2;
}
.checker.white { background: radial-gradient(circle, #fffdf2 0 35%, #e8dcc2 36% 64%, #fff8e6 65%); color: #1b1b22; }
.checker.black { background: radial-gradient(circle, #7b3429 0 35%, #4a1d18 36% 64%, #8a3f32 65%); color: #fff; }
.home-lane { display: grid; grid-template-rows: 1fr 1fr; gap: 8px; }
.home-box {
  border: 3px solid #8a5a2a;
  border-radius: 6px;
  background: linear-gradient(#ca8a49, #8a4d23);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 8px;
  color: #fff5bf;
  font-size: 12px;
  box-shadow: inset 0 0 14px rgba(0,0,0,.32);
}
.home-box strong { font-size: 24px; color: #fff; }

.bottom-console {
  display: grid;
  grid-template-columns: 210px 250px 210px 1fr;
  gap: 6px;
  padding: 5px 8px 8px;
  background: #062c1f;
  border-top: 2px solid #d1b35b;
}
.player-card, .round-card, .chat-box {
  min-width: 0;
  border: 2px solid #459184;
  background: linear-gradient(#0c604d, #082f25);
  color: #eaffef;
}
.player-card { display: flex; align-items: center; gap: 10px; padding: 8px; }
.player-card strong, .round-card strong { display: block; color: #73ff55; }
.player-card span, .round-card span { display: block; color: #d7ead9; font-size: 13px; }
.player-token { width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(0,0,0,.35); flex: 0 0 auto; }
.black-token { background: radial-gradient(circle, #8a3f32, #3d1712); }
.white-token { background: radial-gradient(circle, #fffdf2, #d8c9a8); }
.round-card { display: grid; align-content: center; padding: 8px; }
.chat-box { display: grid; grid-template-rows: 24px 1fr; min-height: 0; }
.log { overflow: auto; padding: 6px 8px; color: #f0fff1; font-size: 13px; }
.log div { padding: 2px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  width: min(460px, calc(100vw - 32px));
  border-radius: 5px;
  padding: 12px 14px;
  background: #071b14;
  color: #fff;
  border: 2px solid var(--gold);
  box-shadow: var(--shadow);
  text-align: center;
}
.muted { color: #d8ead8; font-size: 14px; }

@media (max-width: 980px) {
  .lobby-screen { grid-template-rows: auto auto auto auto; }
  .lobby-header, .lobby-grid, .lobby-actions { grid-template-columns: 1fr; }
  .lobby-ad, .lobby-clock { justify-self: stretch; }
  .browser-head, .lobby-table-list .table-row { grid-template-columns: 1.1fr .9fr .7fr .7fr .7fr .8fr; }
  .browser-head span, .browser-head span:nth-child(2), .browser-head span:nth-child(5), .lobby-table-list .cell {display:flex;align-items:center;justify-content:center;} .browser-head span:nth-child(2), .browser-head span:nth-child(5), .lobby-table-list .cell:nth-child(2), .lobby-table-list .cell:nth-child(5){display:flex;}
  .table-room { grid-template-rows: auto auto auto; }
  .room-bar { grid-template-columns: 1fr; }
  .room-status { justify-self: stretch; }
  .resign { justify-self: stretch; }
  .game-table { grid-template-columns: 1fr; }
  .side-console { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lobby { grid-column: 1 / -1; }
  .board-shell { grid-template-columns: 1fr; }
  .home-lane { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .bottom-console { grid-template-columns: 1fr 1fr; }
  .chat-box { grid-column: 1 / -1; min-height: 120px; }
}

@media (max-width: 640px) {
  .auth-shell { grid-template-columns: 1fr; padding: 14px; align-content: center; }
  .auth-hero-image { max-height: 210px; }
  .brand h1 { font-size: 32px; }
  .game-table { padding: 5px; }
  .side-console { grid-template-columns: 1fr; }
  .match-strip { grid-template-columns: 1fr; }
  .board { min-height: 380px; padding: 14px 8px; border-width: 9px; gap: 3px; }
  .point { min-height: 170px; padding: 5px 1px; }
  .checker { width: 24px; height: 24px; min-width: 20px; min-height: 20px; margin: 1px 0; font-size: 10px; }
  .bottom-console { grid-template-columns: 1fr; }
}




.point.target,
.point.target-hit {
  outline: 5px solid #ffe86f;
  outline-offset: 3px;
  filter: brightness(1.18);
  animation: targetPulse 1s ease-in-out infinite alternate;
}
.point.target-hit {
  outline-color: #ff8d5b;
}
.point.target::after,
.point.target-hit::after {
  content: "";
  position: absolute;
  inset: 12px 8px;
  border-radius: 8px;
  border: 3px solid rgba(255, 239, 122, .9);
  background: rgba(255, 232, 111, .14);
  z-index: 3;
  pointer-events: none;
}
.point.target-hit::after {
  border-color: rgba(255, 141, 91, .95);
  background: rgba(255, 99, 71, .16);
}
.checker[draggable="true"] {
  cursor: grab;
}
.checker[draggable="true"]:active {
  cursor: grabbing;
}
.point.selected .checker {
  box-shadow: inset 0 2px 6px rgba(255,255,255,.35), inset 0 -4px 8px rgba(0,0,0,.28), 0 0 0 4px rgba(255,232,111,.85), 0 7px 12px rgba(0,0,0,.35);
}
@keyframes targetPulse {
  from { box-shadow: 0 0 0 rgba(255, 232, 111, 0); }
  to { box-shadow: 0 0 18px rgba(255, 232, 111, .75); }
}



.lobby-screen {
  grid-column: 1 / -1;
  min-height: calc(100vh - 160px);
  display: grid;
  grid-template-rows: 86px 34px 1fr 52px;
  gap: 0;
  border: 2px solid #115a55;
  background: linear-gradient(135deg, rgba(222,238,222,.95), rgba(166,201,184,.95));
  color: #09251d;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.18), var(--shadow);
}
.lobby-header {
  display: grid;
  grid-template-columns: 230px 1fr 240px;
  align-items: center;
  gap: 14px;
  padding: 8px 14px;
  background: radial-gradient(circle at 35% 40%, #17694a, #092b21 68%);
  border-bottom: 2px solid #6bb1aa;
  color: #fff;
}
.lobby-logo {
  width: 260px;
  height: 82px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.lobby-logo img {
  width: 100%;
  max-height: 82px;
  object-fit: contain;
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.45));
}

.lobby-ad {
  justify-self: center;
  min-width: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 8px 22px;
  text-align: left;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(236,248,242,.92));
  color: #b2271e;
  border: 2px solid #d19c3d;
  border-radius: 8px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(0,0,0,.24);
}
.lobby-ad img { width: 165px; max-height: 62px; object-fit: contain; }
.lobby-ad strong { display:block; color: #b71818; font-size: 22px; line-height: 1; }
.lobby-ad span { display:block; margin-top: 6px; color:#073d2a; font-size: 15px; }
.lobby-clock {
  justify-self: end;
  padding: 10px 12px;
  background: rgba(8,54,42,.82);
  border: 1px solid #4aa18d;
  color: #9ff0d7;
  font-weight: 700;
}
.lobby-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #2b8b80;
  border-bottom: 2px solid #15524e;
}
.lobby-tab {
  min-height: 32px;
  border-right: 1px solid #14534d;
  background: linear-gradient(#91cbc4, #4b9f94);
  color: #073229;
  font-weight: 900;
}
.lobby-tab.active { background: linear-gradient(#f5e9ad, #d0b85d); }
.lobby-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  min-height: 0;
}
.match-browser {
  display: grid;
  grid-template-rows: 31px 1fr;
  min-width: 0;
  border-right: 2px solid #1b615b;
}
.browser-head,
.lobby-table-list .table-row {
  display: grid;
  grid-template-columns: 1.35fr 1fr .7fr .7fr .8fr 86px;
  align-items: center;
  gap: 0;
}
.browser-head {
  background: linear-gradient(#d8e8e4, #9ec2bc);
  border-bottom: 1px solid #4b7b76;
  color: #143a34;
  font-weight: 900;
  font-size: 13px;
}
.browser-head span { padding: 6px 8px; border-right: 1px solid #83aaa4; }
.lobby-table-list {
  display: block;
  overflow: auto;
  background: rgba(255,255,255,.72);
}
.lobby-table-list .table-row {
  min-height: 32px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #bad2cd;
  background: rgba(255,255,255,.68);
  color: #15352f;
}
.lobby-table-list .table-row:nth-child(even) { background: rgba(226,242,238,.88); }
.lobby-table-list .table-row.sample-row { opacity: .78; }
.lobby-table-list .cell {
  min-width: 0;
  padding: 5px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 1px solid #d2e2df;
  font-size: 13px;
}
.player-name { font-weight: 800; }
.rank-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 7px;
  border-radius: 2px;
  background: #206ac4;
}
.stake-cell { color: #195f1c; font-weight: 900; }
.lobby-table-list button {
  width: calc(100% - 8px);
  margin: 3px 4px;
  min-height: 24px;
  font-size: 12px;
  border-radius: 3px;
}
.lobby-sidebar {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 8px;
  background: linear-gradient(#073d35, #052b25);
  color: #e9fff5;
}
.rating-card,
.legend-card {
  border: 1px solid #3aa394;
  background: rgba(10,78,65,.76);
}
.rating-card h3,
.legend-card h3 {
  margin: 0;
  padding: 6px 8px;
  background: linear-gradient(#67b8b0, #24726b);
  font-size: 14px;
}
.rating-card p { margin: 10px 8px; color: #ffed93; font-weight: 900; }
.rating-card div {
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
  border-top: 1px solid rgba(255,255,255,.15);
}
.legend-card p { margin: 7px 8px; font-size: 13px; }
.dot { display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 2px; }
.dot.red { background: #d43b35; }
.dot.orange { background: #f0a72b; }
.dot.blue { background: #326dff; }
.dot.green { background: #32c25f; }
.lobby-actions {
  display: grid;
  grid-template-columns: 210px 1fr 150px 150px;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: linear-gradient(#0b4f42, #052f27);
  border-top: 2px solid #c5a44a;
}
.lobby-actions label {
  color: #fff7cf;
  font-size: 12px;
}
.lobby-actions input { min-height: 30px; }
.create-match,
.cashier,
.settings {
  min-height: 34px;
  border-radius: 4px;
  font-weight: 900;
  border: 1px solid #826925;
}
.create-match { background: linear-gradient(#f5db78, #c59b2e); color: #211600; }
.cashier { background: linear-gradient(#f5db78, #bd8e22); color: #12341e; }
.settings { background: linear-gradient(#d5e5e2, #8fb5af); color: #0b312b; }


.lobby-tab { cursor: pointer; }
.lobby-tab:hover { filter: brightness(1.08); }
.lobby-tab:active,
.create-match:active,
.cashier:active,
.settings:active { transform: translateY(1px); }
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, .58);
}
.modal-box {
  width: min(460px, 100%);
  position: relative;
  padding: 22px;
  border: 2px solid #d19c3d;
  border-radius: 6px;
  background: linear-gradient(#073f2d, #021f16);
  color: #fff;
  box-shadow: var(--shadow);
}
.modal-box h2 { margin-bottom: 16px; color: #ffe28a; }
.modal-close {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: #d6e1dd;
  color: #042218;
  font-weight: 900;
}
.modal-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.modal-balance { font-size: 18px; }
.modal-note { color: #d7e2d6; font-size: 13px; margin-bottom: 0; }
.modal-box label { margin-bottom: 12px; }
.modal-box select {
  min-height: 42px;
  border-radius: 4px;
  padding: 8px 10px;
  font: inherit;
}

.dev-link { display: inline-block; margin-top: 8px; color: #ffe28a; font-size: 12px; word-break: break-all; }


.table-row.own-open { outline: 3px solid #ffe66d; outline-offset: -3px; background: #fff7c7 !important; }

/* Dinamik logo ve lobi düzenlemeleri */
.room-bar { grid-template-columns: minmax(240px, 340px) minmax(230px, 1fr) minmax(380px, 470px) 150px 130px 150px 112px; min-height: 48px; }
.room-brand { gap: 12px; }
.room-brand div { display: grid; gap: 2px; min-width: 0; }
.top-brand-logo {
  width: 86px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,.45));
}
.room-brand strong {
  font-size: 16px;
  letter-spacing: .4px;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0,0,0,.45);
}

.top-cash-actions {
  justify-self: stretch;
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 8px;
  min-width: 380px;
}
.cash-action {
  min-height: 34px;
  border-radius: 999px;
  border: 2px solid #e0af3e;
  color: #fff2a8;
  font-weight: 900;
  cursor: pointer;
  text-shadow: 0 1px 1px #000;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 5px 10px rgba(0,0,0,.22);
}
.cash-action.deposit { background: linear-gradient(135deg, #21945f, #0b5738); }
.cash-action.contact { background: linear-gradient(135deg, #217d94, #0b4657); }
.cash-action.withdraw { background: linear-gradient(135deg, #b43f2f, #6d1d16); }
.cash-action:hover { transform: translateY(-1px); filter: brightness(1.08); }
.top-contact-button { justify-self: stretch; min-width: 120px; }
.optional-text { font-weight: 500; opacity: .75; }

.top-balance-box {
  justify-self: stretch;
  min-height: 34px;
  display: grid;
  place-items: center;
  padding: 0 14px;
  border-radius: 4px;
  border: 2px solid #e0af3e;
  background: linear-gradient(135deg, #062f20, #0b5b3f);
  color: #ffe58b;
  font-weight: 900;
  letter-spacing: .3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25);
  white-space: nowrap;
}

.top-user-box {
  min-width: 150px;
  border-radius: 999px;
  border: 1px solid rgba(255,226,138,.9);
  background: linear-gradient(135deg, rgba(6,55,40,.95), rgba(13,94,70,.86));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 6px 12px rgba(0,0,0,.22);
}
.resign { min-height: 34px; border-radius: 999px; }

.lobby-screen { grid-template-rows: 112px 34px 1fr 52px; }
.lobby-header {
  grid-template-columns: 250px 1fr 220px;
  background: radial-gradient(circle at 32% 25%, rgba(40,154,105,.95), #073224 66%, #031a13 100%);
  border-bottom: 2px solid #dfbd57;
}
.lobby-logo { width: 250px; height: 98px; }
.lobby-logo img { max-height: 96px; }
.lobby-ad {
  min-width: min(560px, 100%);
  padding: 10px 24px;
  border-radius: 16px;
  border: 2px solid rgba(245,218,120,.98);
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(240,252,247,.94) 48%, rgba(255,234,150,.90));
  box-shadow: 0 14px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.55);
}
.lobby-ad img { width: 148px; max-height: 74px; filter: drop-shadow(0 6px 8px rgba(0,0,0,.22)); }
.lobby-ad strong {
  color: #073d2a;
  font-size: clamp(20px, 2.2vw, 30px);
  letter-spacing: .5px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff, 0 6px 14px rgba(7,61,42,.18);
}
.lobby-ad em {
  display: inline-block;
  margin-top: 4px;
  padding: 3px 10px;
  border-radius: 999px;
  background: linear-gradient(#e4c564, #b88b25);
  color: #261600;
  font-style: normal;
  font-size: 15px;
  letter-spacing: .4px;
}
.lobby-ad span { color:#165942; font-weight: 800; }
.waiting-logo {
  width: min(260px, 80%);
  max-height: 120px;
  object-fit: contain;
  margin: 0 auto 12px;
  display: block;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.36));
}
.waiting-card .ghost { margin-top: 16px; padding: 0 18px; }
@media (max-width: 760px) {
  .room-bar { grid-template-columns: 1fr; height: auto; padding: 8px; }
  .top-cash-actions, .top-contact-button, .top-user-box, .resign { justify-self: stretch; }
}

@media (max-width: 900px) {
  .room-bar { grid-template-columns: 1fr; }
  
.top-cash-actions {
  justify-self: stretch;
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 8px;
  min-width: 380px;
}
.cash-action {
  min-height: 34px;
  border-radius: 999px;
  border: 2px solid #e0af3e;
  color: #fff2a8;
  font-weight: 900;
  cursor: pointer;
  text-shadow: 0 1px 1px #000;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 5px 10px rgba(0,0,0,.22);
}
.cash-action.deposit { background: linear-gradient(135deg, #21945f, #0b5738); }
.cash-action.contact { background: linear-gradient(135deg, #217d94, #0b4657); }
.cash-action.withdraw { background: linear-gradient(135deg, #b43f2f, #6d1d16); }
.cash-action:hover { transform: translateY(-1px); filter: brightness(1.08); }
.optional-text { font-weight: 500; opacity: .75; }

.top-balance-box { justify-self: stretch; }
}


/* Kullanıcı adı tıklanınca açılan şifre değiştirme alanı */
.top-user-box { cursor: pointer; appearance: none; }
.top-user-box:hover { transform: translateY(-1px); filter: brightness(1.08); }
.password-form label { display: grid; gap: 6px; color: #ffe28a; font-weight: 800; }
.password-form input { min-height: 42px; border-radius: 6px; border: 1px solid rgba(255,226,138,.65); padding: 8px 10px; font: inherit; background: #f7fff9; color: #08261b; }
.modal-message { min-height: 20px; margin: 8px 0 0; color: #ffb6a6; }
.modal-message.success { color: #aaffb8; }

#backLobbyButton {
  justify-self: stretch;
  min-height: 34px;
  border-radius: 10px;
  border: 2px solid #e0af3e;
  background: linear-gradient(135deg, #083420, #0b5b3f);
  color: #fff1a6;
  font-weight: 900;
  font-size: 14px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 4px 10px rgba(0,0,0,.25);
  white-space: nowrap;
}
#backLobbyButton:hover { filter: brightness(1.12); }
@media (max-width: 1200px) {
  .room-bar { grid-template-columns: 1fr 1fr; height: auto; }
  #backLobbyButton, .top-cash-actions, .top-balance-box, .top-contact-button, .top-user-box, .resign { justify-self: stretch; }
}

.danger {
  min-height: 42px;
  border-radius: 4px;
  padding: 0 16px;
  background: linear-gradient(#b34735, #742116);
  color: #fff7d6;
  font-weight: 900;
  border: 1px solid #ffb09e;
  text-shadow: 0 1px 1px #000;
}
.danger:hover { filter: brightness(1.08); }
.finish-button { min-width: 92px; }

.bet-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.bet-choice {
  border: 2px solid rgba(240, 195, 67, .85);
  border-radius: 14px;
  padding: 12px 8px;
  cursor: pointer;
  background: linear-gradient(180deg, #0b5b42, #063323);
  color: #ffe28a;
  font-weight: 900;
  font-size: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 6px 14px rgba(0,0,0,.25);
}
.bet-choice:hover:not(:disabled),
.bet-choice.selected {
  background: linear-gradient(180deg, #f6df83, #c99b27);
  color: #1d1706;
}
.bet-choice:disabled {
  opacity: .38;
  cursor: not-allowed;
}
@media (max-width: 640px) {
  .bet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.right-roll-controls {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: stretch;
  min-width: 128px;
  padding: 0 6px;
}
.roll-side-btn {
  min-height: 58px;
  border: 1px solid rgba(255,226,138,.55);
  border-radius: 4px;
  background: #063b25;
  color: #fff3a8;
  font-size: 18px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: inset 0 0 10px rgba(255,255,255,.08), 0 8px 12px rgba(0,0,0,.25);
}
.roll-side-btn.auto { color: #9cff79; }
.roll-side-btn:disabled { opacity: .45; cursor: not-allowed; }
@media (min-width: 900px) {
  .board-shell { grid-template-columns: 82px minmax(520px, 900px) 82px 140px; }
}


.contact-panel { display: grid; gap: 12px; }
.contact-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid rgba(255,226,138,.35); background: rgba(255,255,255,.06); border-radius: 6px; }
.contact-line span { color: #d7e2d6; }
.contact-line strong { color: #ffe58b; }


/* Ultra HD tavla tahtasi ve zar animasyonu */
.board-shell {
  grid-template-columns: 92px minmax(680px, 1120px) 92px;
  gap: 10px;
}
.board {
  min-height: 620px;
  padding: 26px 22px;
  gap: 7px;
  border-width: 20px;
  border-color: #6b3518;
  border-radius: 12px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 232, 174, .36), transparent 24%),
    linear-gradient(90deg, transparent calc(50% - 13px), #5b2b15 calc(50% - 13px), #f0c26f 50%, #5b2b15 calc(50% + 13px), transparent calc(50% + 13px)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 16px, rgba(83,41,13,.08) 16px 32px),
    linear-gradient(135deg, #f0bd73 0%, #b86f35 46%, #8f4d23 100%);
  box-shadow:
    inset 0 0 0 8px rgba(255, 214, 139, .12),
    inset 0 0 45px rgba(48, 18, 4, .55),
    0 22px 36px rgba(0,0,0,.42);
}
.board::before,
.board::after {
  width: 46px;
  left: calc(50% - 23px);
  background: linear-gradient(90deg, #8f5b22, #f0cb78 45%, #7b4318);
  box-shadow: inset 0 0 8px rgba(0,0,0,.45), 0 5px 12px rgba(0,0,0,.28);
}
.point { min-height: 270px; padding: 10px 4px; }
.point::before { filter: drop-shadow(0 2px 2px rgba(0,0,0,.20)); }
.point:nth-child(odd)::before { background: linear-gradient(#f7ddb0, #e8c077); }
.point:nth-child(even)::before { background: linear-gradient(#a4482c, #7f2e21); }
.checker {
  width: 48px;
  height: 48px;
  margin: 3px 0;
  border-width: 3px;
  box-shadow: inset 0 4px 8px rgba(255,255,255,.38), inset 0 -7px 10px rgba(0,0,0,.34), 0 7px 12px rgba(0,0,0,.38);
}
.die.rolling {
  animation: diceRollHd .72s cubic-bezier(.18,.84,.24,1) both;
}
.die.rolling:nth-child(2) {
  animation-delay: .08s;
}
@keyframes diceRollHd {
  0% { transform: translate(-80px, -36px) rotate(-190deg) scale(.72); opacity: .25; }
  45% { transform: translate(28px, -18px) rotate(42deg) scale(1.12); opacity: 1; }
  72% { transform: translate(-8px, 10px) rotate(-24deg) scale(.96); }
  100% { transform: rotate(-16deg) skew(-2deg) scale(1); opacity: 1; }
}
.die.rolling:nth-child(2) {
  animation-name: diceRollHdTwo;
}
@keyframes diceRollHdTwo {
  0% { transform: translate(85px, -30px) rotate(210deg) scale(.72); opacity: .25; }
  45% { transform: translate(-24px, -18px) rotate(-40deg) scale(1.12); opacity: 1; }
  72% { transform: translate(8px, 8px) rotate(24deg) scale(.96); }
  100% { transform: rotate(12deg) skew(2deg) scale(1); opacity: 1; }
}
.match-strip h2::after {
  content: "";
}
@media (max-width: 900px) {
  .board-shell { grid-template-columns: 1fr; }
  .board { min-height: 430px; padding: 16px 10px; }
  .point { min-height: 190px; }
  .checker { width: 34px; height: 34px; }
}


/* Premium ana sayfa lobi tasarimi */
.table-room {
  background:
    radial-gradient(circle at 48% 0%, rgba(20, 145, 86, .34), transparent 34%),
    linear-gradient(135deg, #02140d 0%, #052719 46%, #03140e 100%);
  border: 0;
  grid-template-rows: 70px 1fr 88px;
}
.premium-topbar {
  height: 70px;
  padding: 8px 14px;
  display: grid;
  grid-template-columns: 190px minmax(520px, 1fr) auto 86px 96px;
  gap: 10px;
  align-items: center;
  background: rgba(1, 24, 15, .94);
  border-bottom: 1px solid rgba(15, 179, 102, .35);
  box-shadow: 0 12px 30px rgba(0,0,0,.32);
}
.premium-brand { gap: 10px; }
.premium-brand .top-brand-logo { width: 58px; height: 50px; object-fit: cover; border-radius: 9px; }
.premium-brand strong { color: #f8c85d; font-size: 22px; letter-spacing: 1px; line-height: .9; }
.premium-brand span { color: #f0fff6; letter-spacing: 3px; font-size: 12px; }
.premium-nav { display:flex; align-items:center; gap:18px; flex:1; justify-content:center; min-width:0; flex-wrap:nowrap; }
.nav-pill {
  min-height:56px;
  min-width:112px;
  padding:0 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  border-radius: 10px;
  background: transparent;
  color: rgba(236,255,244,.82);
  font-weight: 900;
  border: 1px solid transparent;
  white-space: nowrap;
}
.nav-pill.active,
.nav-pill:hover {
  color: #ffd86b;
  background: linear-gradient(180deg, rgba(9,94,58,.95), rgba(3,43,29,.9));
  border-color: rgba(22, 213, 123, .45);
  box-shadow: inset 0 -3px 0 #f6bd39, 0 10px 24px rgba(0,0,0,.25);
}
.premium-account { display: grid; grid-template-columns: 136px 104px; gap: 8px; align-items: center; }
.premium-account .top-user-box,
.premium-account .top-balance-box { min-height: 48px; }
.compact-back { min-height: 42px; border-radius: 8px !important; }
.room-bar .resign { min-height: 42px; border-radius: 10px; background: rgba(2,42,27,.96); border: 1px solid rgba(247,201,92,.5); }
.game-table { padding: 10px 14px 0; grid-template-columns: 1fr; }
.lobby-screen {
  min-height: calc(100vh - 166px);
  display: grid;
  grid-template-rows: 126px 50px 1fr 66px;
  gap: 10px;
  border: 1px solid rgba(12, 179, 102, .35);
  border-radius: 12px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(21, 135, 82, .34), transparent 30%),
    linear-gradient(180deg, rgba(2,43,27,.98), rgba(1,22,15,.98));
  color: #f6fff7;
  box-shadow: 0 24px 55px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.05);
}
.lobby-header {
  grid-template-columns: 1fr 210px;
  padding: 14px 16px;
  background:
    radial-gradient(circle at 68% 35%, rgba(255,199,79,.35), transparent 8%),
    radial-gradient(circle at 78% 28%, rgba(22,198,110,.30), transparent 16%),
    linear-gradient(105deg, rgba(2,42,27,.95) 0%, rgba(5,89,52,.86) 50%, rgba(3,34,24,.95) 100%);
  border-bottom: 1px solid rgba(16, 196, 112, .34);
}
.lobby-logo { display: none; }
.lobby-ad {
  justify-self: stretch;
  min-width: 0;
  gap: 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #fff;
}
.lobby-ad img { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; }
.lobby-ad em {
  display: inline-flex;
  color: #8effaa;
  font-style: normal;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.lobby-ad strong { color: #fff; font-size: 30px; letter-spacing: .5px; text-transform: uppercase; }
.lobby-ad strong::first-letter { color: #f5c75f; }
.lobby-ad span { color: #f4fff7; font-size: 17px; font-weight: 700; }
.lobby-clock {
  justify-self: end;
  min-width: 180px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid rgba(16, 196, 112, .35);
  background: rgba(0, 20, 14, .72);
  color: #f7d56a;
  font-size: 28px;
  line-height: 1;
  text-align: center;
}
.lobby-clock::before { content: "Turnuva başlangıcı"; display: block; color: #d7e2d6; font-size: 12px; text-transform: uppercase; margin-bottom: 8px; }
.premium-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 0 0 0 0;
  background: transparent;
  border: 0;
}
.lobby-tab {
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(33, 189, 114, .38);
  background: rgba(3, 35, 23, .78);
  color: rgba(238,255,245,.84);
  font-weight: 900;
}
.lobby-tab.active {
  color: #fbd36d;
  background: rgba(3, 72, 43, .95);
  box-shadow: inset 0 -3px 0 #f5bf39, 0 8px 18px rgba(0,0,0,.22);
}
.lobby-tools { display: flex; gap: 10px; justify-content: flex-end; margin-top: -60px; padding-right: 0; pointer-events: none; }
.lobby-tools input, .lobby-tools button { pointer-events: auto; }
.lobby-tools input {
  width: 210px;
  min-height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(33, 189, 114, .38);
  background: rgba(2,26,18,.86);
  color: #eaffef;
}
.filter-button { width: 46px; min-height: 40px; border-radius: 10px; background: rgba(3,72,43,.95); color: #bfffd1; border: 1px solid rgba(33,189,114,.48); }
.lobby-grid { grid-template-columns: minmax(0, 1fr) 226px; gap: 16px; padding: 0 0 0 0; }
.match-browser, .rating-card, .legend-card {
  border-radius: 10px;
  border: 1px solid rgba(15, 179, 102, .38);
  background: rgba(2, 34, 22, .82);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 22px rgba(0,0,0,.22);
  overflow: hidden;
}
.browser-head, .lobby-table-list .table-row { grid-template-columns: 1.35fr 1fr .8fr .75fr .85fr .85fr; }
.browser-head {
  background: rgba(0, 18, 12, .82);
  color: #e7c864;
  text-transform: uppercase;
  font-size: 12px;
}
.lobby-table-list .table-row {
  min-height: 40px;
  background: linear-gradient(90deg, rgba(3,56,34,.82), rgba(4,78,47,.62));
  border-bottom: 1px solid rgba(32, 180, 108, .16);
  color: #effff4;
}
.lobby-table-list .table-row:nth-child(even) { background: linear-gradient(90deg, rgba(3,46,29,.82), rgba(4,68,42,.62)); }
.lobby-table-list .cell { color: rgba(240,255,246,.84); font-size: 15px; }
.player-name strong { color: #fff; font-size: 16px; }
.rank-dot { width: 12px; height: 12px; background: #23d46c; box-shadow: 0 0 12px #23d46c; }
.spinner-dot { width: 24px; height: 24px; border-radius: 50%; border: 3px dotted #23d46c; display: inline-block; margin-right: 8px; vertical-align: middle; animation: spin 1.7s linear infinite; }
.coin-mini { display: inline-grid; place-items:center; width: 22px; height: 22px; margin-right: 8px; border-radius:50%; background: linear-gradient(#ffd66a,#ba7d18); color:#4a2800; font-weight:900; font-style:normal; }
.status-chip { display:inline-flex; padding: 5px 18px; border-radius:999px; background: rgba(5,126,72,.72); color:#74ffad; font-style:normal; font-weight:900; }
.watch-button { border-radius: 8px; min-height: 30px; background: linear-gradient(#129b58,#056637); }
.lobby-sidebar { gap: 10px; }
.rating-card h3, .legend-card h3 { background: linear-gradient(90deg, rgba(30,126,88,.9), rgba(4,64,42,.9)); color:#dfffea; }
.rating-card p { background: linear-gradient(90deg,#f2c85b,#725913); color:#fff7cb; border-radius:7px; padding:11px 14px; font-weight:900; }
.premium-actions {
  display: grid;
  grid-template-columns: 230px minmax(280px, 520px) 240px;
  align-items: center;
  gap: 14px;
  padding: 0;
  background: transparent;
  border: 0;
}
.stake-stepper { display:grid; grid-template-columns: 42px 1fr 42px; gap: 8px; }
.stake-stepper button { min-height: 38px; border-radius: 8px; color:#ffe58b; background: rgba(5,70,43,.92); border:1px solid rgba(33,189,114,.55); font-size:22px; font-weight:900; }
.premium-actions input { text-align:center; background: rgba(0,24,16,.88); color:#f8fff7; border-color: rgba(33,189,114,.48); }
.create-match, .refresh-lobby { min-height: 48px; border-radius: 9px; font-size: 17px; }
.refresh-lobby { background: rgba(2,37,25,.86); color:#d8e7da; border:1px solid rgba(33,189,114,.42); font-weight:900; }
.bottom-console { background: rgba(2,20,14,.96); border-top:1px solid rgba(15,179,102,.32); gap: 14px; padding: 8px 14px; }
.player-card, .round-card, .chat-box { border-radius: 9px; border-color: rgba(33,189,114,.35); background: rgba(5,58,38,.78); }
.chat-box { grid-column: span 2; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 1180px) {
  .premium-topbar { grid-template-columns: 1fr; height:auto; }
  .premium-nav { flex-wrap: wrap; }
  .lobby-grid, .premium-actions { grid-template-columns: 1fr; }
  .lobby-tools { margin-top: 0; justify-content: stretch; }
}


/* Referans gorsele yakin ana lobi duzeni */
#gameView.table-room {
  min-height: 100vh;
  height: 100vh;
  display: grid;
  grid-template-rows: 76px minmax(0, 1fr) 94px;
  overflow: hidden;
  background: #001e14;
  color: #eefbf2;
}
#gameView .premium-topbar {
  height: 76px;
  padding: 8px 14px;
  display: grid;
  grid-template-columns: 184px minmax(570px, 1fr) 186px 40px 40px 72px;
  gap: 10px;
  align-items: center;
  background: linear-gradient(180deg, #031a12 0%, #02130d 100%);
  border-bottom: 1px solid rgba(10, 111, 70, .75);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
}
#gameView .premium-brand {
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-rows: 30px 16px;
  column-gap: 8px;
  align-items: center;
  min-width: 0;
}
#gameView .premium-brand .top-brand-logo {
  grid-row: 1 / 3;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 0 18px rgba(20, 214, 116, .18);
}
#gameView .brand-copy strong {
  display: block;
  color: #ffd36e;
  font-size: 23px;
  line-height: 1;
  letter-spacing: .6px;
  text-shadow: 0 2px 9px rgba(0,0,0,.75);
}
#gameView .brand-copy span {
  display: block;
  color: #fff7df;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 3px;
}
#gameView .connection-line {
  grid-column: 2;
  color: #bfd6c8;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#gameView .premium-nav {
  display: grid;
  grid-template-columns: 98px repeat(5, minmax(92px, 1fr));
  gap: 10px;
  align-items: center;
  height: 58px;
}
#gameView .nav-pill {
  height: 58px;
  min-height: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 10px 10px 0 0;
  background: transparent;
  color: #cddbd0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  text-transform: uppercase;
  box-shadow: none;
}
#gameView .nav-pill .nav-icon { color: #d9e5dc; font-size: 22px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.6)); }
#gameView .nav-pill.active {
  color: #ffd25d;
  background: linear-gradient(180deg, rgba(8, 89, 54, .95), rgba(3, 42, 28, .92));
  border: 1px solid rgba(36, 197, 115, .48);
  border-bottom-color: rgba(244, 184, 46, .92);
  box-shadow: inset 0 -3px 0 #f3b735, 0 8px 16px rgba(0,0,0,.32);
}
#gameView .nav-pill.active .nav-icon { color: #ffd25d; }
#gameView .premium-account {
  display: grid;
  grid-template-columns: 66px 1fr;
  grid-template-rows: 30px 24px;
  gap: 0 8px;
  align-items: center;
  justify-self: end;
  width: 180px;
}
#gameView .top-user-box {
  grid-row: 1 / 3;
  width: 58px;
  height: 58px;
  min-height: 0;
  border-radius: 50%;
  border: 2px solid #e5bb46;
  background: radial-gradient(circle at 50% 36%, #934ed8 0 18px, #271a35 19px 100%);
  color: transparent;
  font-size: 0;
  box-shadow: inset 0 0 0 4px rgba(3,29,22,.9), 0 0 18px rgba(236,190,64,.22);
}
#gameView .top-user-box::after {
  content: attr(data-name);
}
#gameView .top-balance-box {
  grid-column: 2;
  width: auto;
  min-height: 0;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffd365;
  font-size: 14px;
  justify-content: flex-start;
  box-shadow: none;
}
#gameView .premium-account::before {
  content: attr(data-user);
  grid-column: 2;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  white-space: nowrap;
}
#gameView .top-icon {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  border: 1px solid rgba(25, 147, 91, .55);
  background: linear-gradient(#075b3b, #043320);
  color: #e8fff0;
  font-size: 18px;
  font-weight: 900;
  position: relative;
}
#gameView .top-icon.notify::after {
  content: "3";
  position: absolute;
  top: -8px;
  right: -5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ec3243;
  color: #fff;
  font-size: 11px;
  display: grid;
  place-items: center;
}
#gameView .compact-back { display: none !important; }
#gameView .resign {
  height: 38px;
  min-height: 0;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 12px;
  background: #04140e;
  color: #fff7d9;
  border: 1px solid rgba(241, 190, 68, .72);
}
#gameView .game-table {
  height: 100%;
  min-height: 0;
  padding: 0 14px;
  display: grid;
  grid-template-columns: 1fr;
  background: radial-gradient(circle at 62% -10%, rgba(12, 126, 74, .48), transparent 38%), #001e14;
}
#gameView .lobby-screen.premium-reference {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: 126px minmax(0, 1fr);
  gap: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
#gameView .lobby-header {
  height: 126px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 196px;
  gap: 16px;
  padding: 10px 16px 10px 16px;
  border: 0;
  border-bottom: 1px solid rgba(16, 124, 77, .58);
  background:
    radial-gradient(circle at 72% 32%, rgba(255, 213, 91, .55) 0 12px, transparent 13px),
    radial-gradient(circle at 77% 25%, rgba(255, 213, 91, .40) 0 9px, transparent 10px),
    radial-gradient(circle at 80% 46%, rgba(212, 156, 56, .36) 0 15px, transparent 16px),
    linear-gradient(100deg, rgba(2, 43, 29, .96) 0%, rgba(5, 95, 58, .84) 53%, rgba(2, 28, 20, .96) 100%);
}
#gameView .lobby-ad {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#gameView .lobby-ad img {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 14px 28px rgba(0,0,0,.36), 0 0 0 1px rgba(33, 189, 114, .38);
}
#gameView .lobby-ad em {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #cfe7d8;
  font-size: 13px;
  font-weight: 900;
  font-style: normal;
}
#gameView .lobby-ad em i {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #21ce6d;
  box-shadow: 0 0 12px #21ce6d;
}
#gameView .lobby-ad strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 29px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .2px;
}
#gameView .lobby-ad strong b { color: #e6b54e; }
#gameView .lobby-ad span { display: block; margin-top: 8px; color: #fff; font-size: 16px; font-weight: 500; }
#gameView .lobby-clock {
  align-self: center;
  justify-self: stretch;
  min-width: 0;
  height: 94px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(33, 189, 114, .36);
  background: rgba(0, 18, 13, .74);
  color: #ffd35f;
  padding: 8px;
  text-align: center;
  box-shadow: inset 0 0 22px rgba(7,113,67,.16);
}
#gameView .lobby-clock::before { content: none; }
#gameView .lobby-clock small { color: #d5e1d7; font-size: 12px; }
#gameView .lobby-clock strong { font-size: 30px; line-height: .95; }
#gameView .lobby-clock span { color: #e7f5e9; font-weight: 900; }
#gameView .lobby-main-grid {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 226px;
  gap: 16px;
  padding-top: 10px;
}
#gameView .lobby-left {
  min-height: 0;
  display: grid;
  grid-template-rows: 42px minmax(0, 1fr) 64px;
  gap: 8px;
}
#gameView .lobby-filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 254px;
  gap: 64px;
  align-items: center;
}
#gameView .premium-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(20, 150, 91, .48);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(2, 32, 22, .74);
}
#gameView .lobby-tab {
  height: 42px;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #cbd9d0;
  font-size: 12px;
  font-weight: 900;
}
#gameView .lobby-tab.active {
  color: #ffd360;
  background: linear-gradient(180deg, rgba(5, 84, 51, .92), rgba(3, 49, 33, .88));
  box-shadow: inset 0 -3px 0 #f5bc38, 0 0 20px rgba(245,188,56,.12);
}
#gameView .lobby-tools {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 10px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
}
#gameView .lobby-tools input {
  width: 100%;
  height: 40px;
  min-height: 0;
  border-radius: 9px;
  border: 1px solid rgba(28, 143, 89, .58);
  background: rgba(0, 21, 15, .82);
  color: #eaffef;
  padding: 0 14px;
}
#gameView .filter-button {
  width: 44px;
  height: 40px;
  min-height: 0;
  border-radius: 9px;
  border: 1px solid rgba(35, 179, 107, .62);
  background: rgba(4, 71, 44, .82);
  color: #d8ffe2;
}
#gameView .match-browser,
#gameView .rating-card,
#gameView .legend-card {
  border-radius: 9px;
  border: 1px solid rgba(16, 136, 83, .56);
  background: rgba(2, 31, 21, .78);
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
#gameView .browser-head,
#gameView .lobby-table-list .table-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr .75fr .75fr .85fr .85fr;
  align-items: center;
}
#gameView .browser-head {
  height: 32px;
  padding: 0 20px;
  background: rgba(0, 15, 11, .82);
  color: #d8bb58;
  font-size: 12px;
  font-weight: 900;
}
#gameView .lobby-table-list .table-row {
  height: 39px;
  min-height: 39px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(33, 189, 114, .14);
  background: linear-gradient(90deg, rgba(3,58,36,.9), rgba(4,82,50,.68));
}
#gameView .lobby-table-list .table-row:nth-child(even) { background: linear-gradient(90deg, rgba(2,46,30,.9), rgba(4,70,45,.68)); }
#gameView .lobby-table-list .cell { color: #dbe7df; font-size: 15px; }
#gameView .player-name strong { color: #fff; font-size: 16px; }
#gameView .rank-dot { width: 12px; height: 12px; margin-right: 10px; border-radius: 50%; background: #25d56d; display: inline-block; box-shadow: 0 0 10px #25d56d; }
#gameView .spinner-dot { width: 22px; height: 22px; margin-right: 8px; border: 3px dotted #25d56d; border-radius: 50%; display: inline-block; vertical-align: middle; animation: spin 1.6s linear infinite; }
#gameView .coin-mini { width: 22px; height: 22px; margin-right: 7px; border-radius: 50%; display: inline-grid; place-items: center; background: linear-gradient(#ffd66b, #bf8220); color: #573100; font-size: 13px; font-style: normal; font-weight: 900; }
#gameView .status-chip { min-width: 76px; justify-content: center; display: inline-flex; padding: 5px 12px; border-radius: 999px; background: rgba(5, 129, 74, .78); color: #74ffad; font-style: normal; font-weight: 900; }
#gameView .watch-button { height: 29px; min-height: 0; border-radius: 7px; background: linear-gradient(#13a15b, #066739); border: 1px solid rgba(60, 211, 130, .42); color: white; }
#gameView .lobby-sidebar { min-height: 0; display: grid; grid-template-rows: 206px 1fr; gap: 10px; }
#gameView .rating-card,
#gameView .legend-card { padding: 14px; }
#gameView .rating-card h3,
#gameView .legend-card h3 { margin: -14px -14px 12px; height: 42px; padding: 0 14px; display:flex; align-items:center; gap:10px; background: linear-gradient(90deg, rgba(11,93,61,.96), rgba(2,51,35,.96)); color: #e9fff0; font-size: 13px; }
#gameView .rating-card h3 i { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items:center; border: 1px solid rgba(255,255,255,.42); font-style: normal; }
#gameView .rating-card p { margin: 0 0 15px; height: 46px; display:flex; align-items:center; padding:0 18px; border-radius: 7px; background: linear-gradient(90deg, #e2b347, #755d14); color: #fff9cf; font-size: 17px; font-weight: 900; }
#gameView .rating-card div { display:flex; justify-content:space-between; align-items:center; height: 42px; border-top: 1px solid rgba(33,189,114,.16); color: #dcece2; font-weight: 900; }
#gameView .rating-card div strong { color: #fff; font-size: 18px; }
#gameView .legend-card p { display:flex; align-items:center; gap: 10px; margin: 10px 0; color: #f4fff7; font-size: 13px; }
#gameView .legend-card p b { margin-left:auto; color:#e7bd48; }
#gameView .premium-actions {
  display: grid;
  grid-template-columns: 236px minmax(360px, 524px) 242px;
  align-items: center;
  gap: 22px;
  padding: 0;
  border: 0;
  background: transparent;
}
#gameView .stake-stepper {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  grid-template-rows: 14px 38px;
  gap: 0 8px;
  align-items: end;
}
#gameView .stake-stepper span { grid-column: 1 / -1; color: #c9d9ce; font-size: 12px; line-height: 1; }
#gameView .stake-stepper button { height: 36px; min-height: 0; border-radius: 7px; border: 1px solid rgba(28, 157, 95, .65); background: rgba(3,44,31,.86); color: #ffe28d; font-size: 22px; font-weight: 900; }
#gameView .premium-actions input { height: 36px; min-height: 0; text-align:center; border-radius: 7px; border: 1px solid rgba(28,157,95,.65); background: rgba(0,18,13,.86); color:#f7fff7; font-size: 16px; font-weight: 900; }
#gameView .create-match { height: 48px; min-height: 0; border-radius: 8px; border: 1px solid rgba(255,215,104,.78); background: linear-gradient(#ffd971, #bf7f18); color: #0d120a; font-size: 17px; font-weight: 1000; box-shadow: 0 12px 24px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.32); }
#gameView .refresh-match { height: 48px; min-height: 0; border-radius: 8px; border: 1px solid rgba(28,157,95,.62); background: rgba(2,28,20,.82); color: #c8d8cf; font-size: 14px; font-weight: 1000; }
#gameView .bottom-console {
  height: 94px;
  display: grid;
  grid-template-columns: 236px 254px minmax(0, 1fr) 78px;
  gap: 16px;
  align-items: center;
  padding: 8px 14px;
  border-top: 1px solid rgba(16, 136, 83, .54);
  background: rgba(1, 22, 15, .98);
}
#gameView .round-card { display: none; }
#gameView .player-card,
#gameView .chat-box {
  height: 78px;
  border-radius: 8px;
  border: 1px solid rgba(20, 138, 84, .6);
  background: rgba(3, 50, 34, .78);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
#gameView .player-card { display:flex; align-items:center; gap:12px; padding: 8px 12px; }
#gameView .player-card .player-token { width: 48px; height: 48px; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #9b55db 0 17px, #22142e 18px 100%); border: 1px solid #d485e9; }
#gameView .player-card strong { color:#f0cf67; font-size:12px; }
#gameView .player-card span { color:#fff; font-size:14px; }
#gameView .chat-box { grid-column: 3; padding: 8px 14px; overflow: hidden; }
#gameView .chat-title { text-align:left; color:#dfeee4; font-size:12px; font-weight:900; margin-bottom:4px; }
#gameView .log { max-height: 48px; color:#dfeee4; font-size:12px; line-height:1.25; }
#gameView .bottom-console::after {
  content: "?";
  grid-column: 4;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 2px solid #e9bf4a;
  background: radial-gradient(circle at 40% 35%, #0d7650, #012317);
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 30px;
  box-shadow: 0 12px 28px rgba(0,0,0,.32);
}
@media (max-width: 1100px) {
  #gameView.table-room { overflow: auto; height: auto; }
  #gameView .premium-topbar,
  #gameView .lobby-main-grid,
  #gameView .lobby-filter-bar,
  #gameView .premium-actions,
  #gameView .bottom-console { grid-template-columns: 1fr; height: auto; }
  #gameView .premium-nav { grid-template-columns: repeat(2, 1fr); height: auto; }
  #gameView .lobby-screen.premium-reference { height: auto; }
}


/* Dinamik yeni lobi: masa açıldığında tavla tahtası merkezde görünür */
#gameView.table-room {
  grid-template-rows: 66px minmax(0, 1fr) 96px;
  height: 100vh;
  overflow: hidden;
}
#gameView .premium-topbar {
  height: 66px;
  grid-template-columns: 210px minmax(520px, 1fr) auto auto auto auto;
  background: linear-gradient(90deg, #00150e, #021d14 42%, #00150e);
  border-bottom: 1px solid rgba(230, 188, 74, .55);
  padding: 0 14px;
}
#gameView .premium-brand { min-width: 0; }
#gameView .top-brand-logo { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; }
#gameView .brand-copy strong { font-size: 24px; color: #f3c354; letter-spacing: 1px; }
#gameView .brand-copy span { font-size: 11px; letter-spacing: 4px; color: #fff; }
#gameView .connection-line { color: #d8e8da; font-size: 11px; }
#gameView .premium-nav {
  height: 66px;
  display: grid;
  grid-template-columns: repeat(5, minmax(88px, 1fr));
  align-items: center;
  gap: 18px;
}
#gameView .nav-pill {
  height: 52px;
  border-radius: 8px;
  background: transparent;
  border: 0;
  color: #f7f7ef;
  font-size: 13px;
  font-weight: 1000;
}
#gameView .nav-pill.active {
  background: rgba(9, 83, 54, .72);
  color: #ffd15b;
  border: 1px solid rgba(243, 193, 68, .85);
  box-shadow: inset 0 -3px 0 rgba(243, 193, 68, .85);
}
#gameView .premium-account { gap: 8px; }
#gameView .top-user-box { min-width: 84px; border-radius: 999px; }
#gameView .top-balance-box { font-size: 13px; color: #ffd15b; }
#gameView .top-icon { width: 38px; height: 38px; border-radius: 8px; background: rgba(5, 88, 56, .8); color: #fff; }
#gameView .game-table { padding: 0 8px; }
#gameView .lobby-screen.premium-reference {
  grid-template-rows: 136px minmax(0, 1fr);
}
#gameView .lobby-header {
  height: 136px;
  grid-template-columns: minmax(0, 1fr) 178px;
  padding: 8px 20px;
}
#gameView .lobby-ad { justify-content: center; }
#gameView .lobby-ad img { width: 64px; height: 64px; }
#gameView .lobby-ad strong { font-size: 30px; }
#gameView .lobby-clock { height: 90px; }
#gameView .lobby-main-grid {
  grid-template-columns: 430px minmax(520px, 1fr) 218px;
  gap: 12px;
  padding-top: 8px;
}
#gameView .lobby-left {
  grid-template-rows: 40px minmax(0, 1fr) 106px;
}
#gameView .lobby-filter-bar { grid-template-columns: 1fr; gap: 0; }
#gameView .lobby-tools { display: none; }
#gameView .premium-tabs { height: 40px; border-radius: 7px; }
#gameView .lobby-tab { height: 40px; font-size: 11px; }
#gameView .match-browser { min-height: 0; }
#gameView .browser-head,
#gameView .lobby-table-list .table-row {
  grid-template-columns: 1fr .92fr .74fr .68fr .74fr .7fr;
  padding: 0 12px;
}
#gameView .browser-head { height: 36px; }
#gameView .lobby-table-list .table-row { height: 50px; min-height: 50px; }
#gameView .lobby-table-list .cell { font-size: 13px; }
#gameView .player-name strong { font-size: 13px; }
#gameView .watch-button { height: 28px; }
#gameView .premium-actions {
  grid-template-columns: 180px 1fr;
  grid-template-rows: 50px 42px;
  gap: 8px 14px;
  align-content: end;
}
#gameView .stake-stepper { grid-column: 1; grid-row: 1 / span 2; align-self: end; }
#gameView .create-match { grid-column: 2; height: 48px; font-size: 15px; }
#gameView .refresh-match { grid-column: 2; height: 38px; }
#gameView .lobby-board-preview {
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px 10px;
  background: radial-gradient(circle at 50% 48%, rgba(0,0,0,.10), rgba(0,0,0,.24) 70%, transparent 72%);
}
#gameView .lobby-board-preview img {
  width: min(100%, 760px);
  max-height: calc(100vh - 250px);
  object-fit: contain;
  filter: drop-shadow(0 22px 32px rgba(0,0,0,.58));
  border-radius: 5px;
}
#gameView .lobby-sidebar {
  grid-template-rows: 236px minmax(0, 1fr);
}
#gameView .rating-card,
#gameView .legend-card { border-radius: 8px; }
#gameView .rating-card p { width: 78px; justify-content:center; }
#gameView .bottom-console {
  height: 96px;
  grid-template-columns: 170px 180px minmax(0, 1fr) 68px;
  padding: 8px;
  gap: 8px;
}
#gameView .player-card, #gameView .chat-box { height: 76px; }
#gameView .chat-box {
  display: grid;
  place-items: center;
  text-align: center;
}
#gameView .chat-title { display: none; }
#gameView .log:empty::before {
  content: "Oyun beklemede...\A Rakip katılmasını bekliyor.";
  white-space: pre;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.8;
}
@media (max-width: 1280px) {
  #gameView.table-room { overflow: auto; height: auto; }
  #gameView .lobby-main-grid { grid-template-columns: 1fr; }
  #gameView .lobby-board-preview img { max-height: none; }
}

/* FIX: Kullanıcının gönderdiği tavla görseli aktif oyun ve lobi önizlemesine entegre edildi */
#gameView .board-shell {
  grid-template-columns: minmax(0, 1080px);
  justify-content: center;
  align-items: center;
  gap: 0;
}
#gameView .home-lane,
#gameView .right-roll-controls { display: none !important; }
#gameView .board {
  width: min(100%, 1080px) !important;
  aspect-ratio: 627 / 386;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  background: url('/tavla-board.png') center / contain no-repeat !important;
  box-shadow: 0 24px 44px rgba(0,0,0,.55) !important;
}
#gameView .board::before,
#gameView .board::after { display: none !important; }
#gameView .point {
  position: absolute !important;
  width: 6.4% !important;
  height: 39% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  z-index: 2 !important;
  overflow: visible !important;
}
#gameView .point::before,
#gameView .point-label { display: none !important; }
#gameView .point.top { top: 5.5% !important; justify-content: flex-start !important; flex-direction: column !important; }
#gameView .point.bottom { top: 54.7% !important; justify-content: flex-end !important; flex-direction: column-reverse !important; }
#gameView .point.selected { outline: 3px solid #ffd84e !important; outline-offset: 2px !important; border-radius: 999px; }
#gameView .point.target { box-shadow: 0 0 0 3px rgba(255,216,78,.55) inset, 0 0 16px rgba(255,216,78,.45); border-radius: 12px; }
#gameView .point.target-hit { box-shadow: 0 0 0 3px rgba(255,70,70,.68) inset, 0 0 16px rgba(255,70,70,.45); border-radius: 12px; }
#gameView .checker {
  width: clamp(24px, 4.1vw, 48px) !important;
  height: clamp(24px, 4.1vw, 48px) !important;
  margin: -1px auto !important;
  z-index: 5 !important;
  cursor: pointer;
}
#gameView .checker.white { background: radial-gradient(circle at 35% 28%, #fff8df 0 34%, #d5c091 35% 67%, #f5dfaa 68% 100%) !important; }
#gameView .checker.black { background: radial-gradient(circle at 35% 28%, #595959 0 34%, #151515 35% 67%, #383838 68% 100%) !important; }
#gameView .board-dice {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 20 !important;
}
#gameView .match-strip {
  margin-bottom: 10px;
  border-color: rgba(218,168,62,.75);
  background: linear-gradient(90deg, rgba(5,68,43,.95), rgba(6,43,32,.95));
}
#gameView .dicebar { display: flex !important; align-items: center; gap: 8px; }

#gameView .lobby-board-preview img {
  object-fit: contain !important;
  width: 100% !important;
  height: auto !important;
}

/* HD pul görünümü ve stabil taş yerleşimi */
#gameView .checker {
  width: clamp(30px, 4.35vw, 52px) !important;
  height: clamp(30px, 4.35vw, 52px) !important;
  min-width: 30px !important;
  min-height: 30px !important;
  margin: -2px auto !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.65) !important;
  box-shadow:
    inset 5px 6px 10px rgba(255,255,255,.30),
    inset -7px -9px 13px rgba(0,0,0,.46),
    0 5px 9px rgba(0,0,0,.48),
    0 1px 0 rgba(255,255,255,.20) !important;
  transform: translateZ(0);
  image-rendering: auto;
}
#gameView .checker::before {
  content: "";
  position: absolute;
  width: 42%;
  height: 34%;
  left: 18%;
  top: 12%;
  border-radius: 50%;
  background: rgba(255,255,255,.42);
  filter: blur(1px);
  pointer-events: none;
}
#gameView .checker.white {
  position: relative !important;
  background:
    radial-gradient(circle at 32% 24%, #fffef2 0 16%, rgba(255,255,255,.78) 17% 28%, transparent 29%),
    radial-gradient(circle at 50% 56%, #fff1c8 0 42%, #d0b777 43% 66%, #fff4d1 67% 100%) !important;
  color: #251b0f !important;
}
#gameView .checker.black {
  position: relative !important;
  background:
    radial-gradient(circle at 30% 23%, #6f6f6f 0 15%, rgba(255,255,255,.20) 16% 28%, transparent 29%),
    radial-gradient(circle at 50% 55%, #3d3d3d 0 38%, #111 39% 68%, #2b2b2b 69% 100%) !important;
  color: #fff !important;
}
#gameView .point.top,
#gameView .point.bottom {
  gap: 0 !important;
}
#gameView .die.rolling {
  animation-iteration-count: 1 !important;
}

/* FIX: Pullar tahta uzerinde daha net, tiklanabilir ve okunur gorunsun. */
#gameView .board {
  isolation: isolate !important;
}
#gameView .checker {
  width: clamp(34px, 4.15vw, 50px) !important;
  height: clamp(34px, 4.15vw, 50px) !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: -3px auto !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  border-width: 2px !important;
  outline: 1px solid rgba(0,0,0,.72) !important;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,.58));
}
#gameView .checker.white {
  border-color: rgba(82,58,16,.72) !important;
  background:
    radial-gradient(circle at 30% 22%, #ffffff 0 13%, rgba(255,255,255,.92) 14% 26%, transparent 27%),
    radial-gradient(circle at 50% 56%, #fff8df 0 38%, #d1ac54 39% 61%, #fff0bd 62% 100%) !important;
  color: #17110a !important;
}
#gameView .checker.black {
  border-color: rgba(235,235,235,.42) !important;
  background:
    radial-gradient(circle at 30% 22%, #8b8b8b 0 13%, rgba(255,255,255,.28) 14% 26%, transparent 27%),
    radial-gradient(circle at 50% 55%, #4f4f4f 0 34%, #050505 35% 64%, #2b2b2b 65% 100%) !important;
  color: #fff8cf !important;
}
#gameView .checker[draggable="true"],
#gameView .point:has(.checker[draggable="true"]) {
  cursor: pointer !important;
}
#gameView .point.target,
#gameView .point.target-hit {
  z-index: 6 !important;
}

/* ISKELET FIX: Tahta-pul hizasi, temiz pul katmani ve uyumlu zarlar */
#gameView .board-shell {
  grid-template-columns: minmax(620px, 1040px) !important;
}
#gameView .board {
  width: min(100%, 1040px) !important;
  background-color: transparent !important;
}
#gameView .point {
  width: 5.85% !important;
  height: 41.2% !important;
  align-items: center !important;
  pointer-events: auto !important;
}
#gameView .point.top {
  top: 6.25% !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
}
#gameView .point.bottom {
  top: 52.55% !important;
  justify-content: flex-end !important;
  flex-direction: column-reverse !important;
}
#gameView .checker {
  width: clamp(31px, 3.55vw, 43px) !important;
  height: clamp(31px, 3.55vw, 43px) !important;
  min-width: 31px !important;
  min-height: 31px !important;
  margin: -1px auto !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  outline: 1px solid rgba(0,0,0,.84) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 5px 5px 8px rgba(255,255,255,.34),
    inset -7px -8px 10px rgba(0,0,0,.58),
    0 2px 2px rgba(255,255,255,.18),
    0 4px 7px rgba(0,0,0,.62) !important;
  position: relative !important;
  z-index: 8 !important;
}
#gameView .checker::before {
  width: 44% !important;
  height: 36% !important;
  left: 15% !important;
  top: 10% !important;
  background: rgba(255,255,255,.56) !important;
  filter: blur(.7px) !important;
}
#gameView .checker.white {
  border-color: rgba(126,96,25,.72) !important;
  background:
    radial-gradient(circle at 28% 22%, #fff 0 13%, rgba(255,255,255,.88) 14% 24%, transparent 25%),
    radial-gradient(circle at 50% 56%, #fff7d8 0 34%, #c79e39 35% 60%, #ffe7a2 61% 100%) !important;
  color: #171006 !important;
}
#gameView .checker.black {
  border-color: rgba(230,230,230,.35) !important;
  background:
    radial-gradient(circle at 28% 22%, #8a8a8a 0 13%, rgba(255,255,255,.24) 14% 24%, transparent 25%),
    radial-gradient(circle at 50% 55%, #484848 0 33%, #050505 34% 64%, #252525 65% 100%) !important;
  color: #fff3bd !important;
}
#gameView .checker:empty::after {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.14);
  pointer-events: none;
}
#gameView .die {
  width: clamp(34px, 3.6vw, 46px) !important;
  height: clamp(34px, 3.6vw, 46px) !important;
  border-radius: 9px !important;
  border: 2px solid rgba(120,83,25,.72) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.9), transparent 26%),
    linear-gradient(145deg, #fff8df 0%, #e3c06d 48%, #fff3c6 100%) !important;
  box-shadow: 0 8px 14px rgba(0,0,0,.42), inset -4px -5px 8px rgba(95,55,8,.28), inset 3px 3px 6px rgba(255,255,255,.58) !important;
}
#gameView .die .pip {
  background: #542118 !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.22) !important;
}
#gameView .board-dice {
  gap: 8px !important;
  left: 50.2% !important;
  top: 50.4% !important;
}

/* FINAL CLEAN BOARD: arka planda gomulu pul yok, pullar tam siyah/tam beyaz */
#gameView .board {
  background: url('/tavla-board-clean.png') center / contain no-repeat !important;
}
#gameView .checker {
  width: clamp(31px, 3.5vw, 42px) !important;
  height: clamp(31px, 3.5vw, 42px) !important;
  min-width: 31px !important;
  min-height: 31px !important;
  margin: -1px auto !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  filter: drop-shadow(0 4px 5px rgba(0,0,0,.55)) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.28),
    inset 0 -5px 7px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,0,0,.9),
    0 4px 7px rgba(0,0,0,.55) !important;
}
#gameView .checker::before {
  content: "" !important;
  position: absolute !important;
  width: 34% !important;
  height: 28% !important;
  left: 18% !important;
  top: 12% !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.34) !important;
  filter: blur(.5px) !important;
  pointer-events: none !important;
}
#gameView .checker.white {
  background: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #d7d7d7 !important;
  outline: 1px solid #202020 !important;
}
#gameView .checker.black {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #2a2a2a !important;
  outline: 1px solid #d8d8d8 !important;
}
#gameView .checker.white::after,
#gameView .checker.black::after {
  content: "";
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  border: 1px solid currentColor;
  opacity: .14;
  pointer-events: none;
}
#gameView .die {
  background: #ffffff !important;
  border: 2px solid #222 !important;
  box-shadow: 0 6px 10px rgba(0,0,0,.45), inset 0 -4px 6px rgba(0,0,0,.16), inset 0 2px 3px rgba(255,255,255,.7) !important;
}
#gameView .die .pip {
  background: #000000 !important;
}

/* ALIGNMENT FIX: nokta sol kenari, pul merkezini hane merkezine tasir */
#gameView .point {
  width: 5.85% !important;
  transform: translateZ(0) !important;
}
#gameView .checker {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* PRECISE BOARD FIT: pullari ust/alt ahsap cercevenin icinden cikart */
#gameView .point {
  height: 38.8% !important;
}
#gameView .point.top {
  top: 9.8% !important;
}
#gameView .point.bottom {
  top: 50.6% !important;
}
#gameView .checker {
  width: clamp(29px, 3.35vw, 39px) !important;
  height: clamp(29px, 3.35vw, 39px) !important;
  min-width: 29px !important;
  min-height: 29px !important;
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

/* FINAL PLACEMENT FIX: alt hanelerde pullar tabana otursun */
#gameView .point.top {
  top: 9.8% !important;
  height: 38.8% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
#gameView .point.bottom {
  top: 50.6% !important;
  height: 38.8% !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
#gameView .point {
  align-items: center !important;
}
#gameView .checker {
  flex: 0 0 auto !important;
}

/* MIRROR FIT FIX: alt pullar ust pullarin aynasi gibi tabana otursun */
#gameView .point.bottom {
  top: 52.2% !important;
  height: 38.9% !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
#gameView .point.top {
  top: 8.7% !important;
  height: 38.9% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* PROFESSIONAL BOARD RENDER: piksellesmeyi azalt, yeni temiz tahtayi net goster */
#gameView .board-shell {
  grid-template-columns: minmax(620px, 940px) !important;
}
#gameView .board {
  width: min(100%, 940px) !important;
  image-rendering: auto !important;
  background-image: url('/tavla-board-clean.png') !important;
}
#gameView .point {
  width: 5.55% !important;
}
#gameView .checker {
  width: clamp(28px, 3.05vw, 37px) !important;
  height: clamp(28px, 3.05vw, 37px) !important;
  min-width: 28px !important;
  min-height: 28px !important;
}

/* LARGE CLASSIC BOARD FIT: kirmizi alani doldur, pullari tasirmadan olcekle */
#gameView .board-shell {
  grid-template-columns: minmax(900px, 1220px) !important;
  width: min(100%, 1220px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#gameView .board {
  width: min(100%, 1220px) !important;
  max-width: 1220px !important;
  aspect-ratio: 627 / 386 !important;
}
#gameView .point {
  width: 5.45% !important;
  height: 39.2% !important;
}
#gameView .point.top {
  top: 8.4% !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
}
#gameView .point.bottom {
  top: 51.9% !important;
  justify-content: flex-end !important;
  flex-direction: column !important;
}
#gameView .checker {
  width: clamp(36px, 2.65vw, 50px) !important;
  height: clamp(36px, 2.65vw, 50px) !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}
#gameView .board-dice {
  transform: translate(-50%, -50%) scale(1.12) !important;
}

/* FINAL UI CLEANUP: sadece modern Bitir butonu ve ikinci gorsel boyutunda tahta */
#gameView #rollButton,
#gameView #autoRollButton,
#gameView #barButton,
#gameView #sideRollButton,
#gameView #sideAutoRollButton,
#gameView .right-roll-controls {
  display: none !important;
}
#gameView .dicebar {
  justify-content: flex-end !important;
  min-width: 96px !important;
}
#gameView #finishButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 82px !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,221,150,.65) !important;
  background: linear-gradient(180deg, #d45a35 0%, #9b2f20 100%) !important;
  color: #fff8dc !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 18px rgba(0,0,0,.34) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.55) !important;
}
#gameView #finishButton:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}
#gameView .board-shell {
  grid-template-columns: minmax(880px, 1120px) !important;
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin: 14px auto 0 !important;
}
#gameView .board {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  aspect-ratio: 627 / 386 !important;
  overflow: hidden !important;
}
#gameView .point {
  width: 5.25% !important;
  height: 37.4% !important;
}
#gameView .point.top {
  top: 8.9% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
#gameView .point.bottom {
  top: 53.0% !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
#gameView .checker {
  width: clamp(34px, 2.42vw, 44px) !important;
  height: clamp(34px, 2.42vw, 44px) !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}
#gameView .board-dice {
  transform: translate(-50%, -50%) scale(1.04) !important;
}

/* PREMIUM BLACK-GOLD SET: 2. gorsel kalitesine yakin tahta, pul ve zar */
#gameView .board-shell {
  grid-template-columns: minmax(880px, 1120px) !important;
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin: 12px auto 0 !important;
  background: radial-gradient(circle at 50% 45%, rgba(0,0,0,.42), rgba(0,0,0,.12) 58%, transparent 72%) !important;
}
#gameView .board {
  background-image: url('/tavla-board-clean.png') !important;
  background-size: contain !important;
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  aspect-ratio: 627 / 386 !important;
  box-shadow: 0 28px 60px rgba(0,0,0,.68), 0 0 0 1px rgba(206,154,76,.20) !important;
  border-radius: 10px !important;
  image-rendering: auto !important;
  overflow: hidden !important;
}
#gameView .point {
  width: 5.15% !important;
  height: 37.6% !important;
}
#gameView .point.top {
  top: 9.0% !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
#gameView .point.bottom {
  top: 52.9% !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}
#gameView .checker {
  width: clamp(34px, 2.35vw, 43px) !important;
  height: clamp(34px, 2.35vw, 43px) !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: -1px auto !important;
  border-radius: 50% !important;
  position: relative !important;
  border: 2px solid rgba(208,159,79,.76) !important;
  outline: 1px solid rgba(0,0,0,.86) !important;
  filter: drop-shadow(0 7px 7px rgba(0,0,0,.68)) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.38),
    inset 0 -8px 12px rgba(0,0,0,.55),
    inset 7px 0 10px rgba(255,255,255,.08),
    0 0 0 1px rgba(255,255,255,.10) !important;
}
#gameView .checker::before {
  content: "" !important;
  position: absolute !important;
  width: 42% !important;
  height: 34% !important;
  left: 16% !important;
  top: 12% !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.52) !important;
  filter: blur(.7px) !important;
  pointer-events: none !important;
}
#gameView .checker::after {
  content: "" !important;
  position: absolute !important;
  inset: 18% !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 0 8px rgba(0,0,0,.32) !important;
  pointer-events: none !important;
}
#gameView .checker.white {
  background:
    radial-gradient(circle at 28% 22%, #fff1bd 0 13%, rgba(255,255,255,.62) 14% 25%, transparent 26%),
    radial-gradient(circle at 52% 56%, #eec06d 0 35%, #a86f24 36% 64%, #f6d187 65% 100%) !important;
  color: #15100a !important;
  border-color: rgba(248,207,130,.85) !important;
}
#gameView .checker.black {
  background:
    radial-gradient(circle at 28% 22%, #5f5b52 0 12%, rgba(255,255,255,.18) 13% 24%, transparent 25%),
    radial-gradient(circle at 52% 56%, #2e2e2b 0 35%, #050505 36% 68%, #191816 69% 100%) !important;
  color: #f1c06c !important;
  border-color: rgba(202,142,56,.72) !important;
}
#gameView .die {
  width: clamp(34px, 2.55vw, 44px) !important;
  height: clamp(34px, 2.55vw, 44px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(220,164,75,.78) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), transparent 24%),
    linear-gradient(145deg, #211b13 0%, #050505 54%, #9d6727 100%) !important;
  box-shadow: 0 9px 16px rgba(0,0,0,.65), inset 0 1px 2px rgba(255,255,255,.28), inset 0 -5px 8px rgba(0,0,0,.64) !important;
}
#gameView .die .pip {
  background: #e7b65f !important;
  box-shadow: 0 0 4px rgba(231,182,95,.45) !important;
}
#gameView .board-dice {
  transform: translate(-50%, -50%) scale(1.08) !important;
}
#gameView .point.target,
#gameView .point.target-hit {
  outline: 2px solid rgba(232,178,77,.75) !important;
  box-shadow: 0 0 18px rgba(232,178,77,.38) !important;
}

/* SIDE PLAYER PANELS: oyuncular tahtanin iki yanindaki kirmizi alanlara tasindi */
#gameView .board-shell {
  grid-template-columns: minmax(220px, 300px) minmax(760px, 980px) minmax(220px, 300px) !important;
  width: min(100%, 1580px) !important;
  max-width: 1580px !important;
  gap: 28px !important;
  align-items: center !important;
  margin: 18px auto 0 !important;
  background: transparent !important;
}
#gameView .home-lane {
  display: flex !important;
  min-width: 0 !important;
  min-height: 180px !important;
  height: 180px !important;
  align-items: center !important;
  justify-content: center !important;
}
#gameView #whiteHome { grid-column: 1 !important; grid-row: 1 !important; }
#gameView #board { grid-column: 2 !important; grid-row: 1 !important; }
#gameView #blackHome { grid-column: 3 !important; grid-row: 1 !important; }
#gameView .board {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
}
#gameView .side-player-card {
  width: 100% !important;
  min-height: 154px !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(205, 151, 58, .34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(217, 162, 69, .18), transparent 38%),
    linear-gradient(180deg, rgba(8, 33, 24, .92), rgba(3, 18, 13, .92)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 20px 44px rgba(0,0,0,.32) !important;
  display: grid !important;
  gap: 8px !important;
}
#gameView .side-player-card.active {
  border-color: rgba(244, 198, 89, .88) !important;
  box-shadow: 0 0 0 2px rgba(244,198,89,.18), 0 0 26px rgba(244,198,89,.18), 0 20px 44px rgba(0,0,0,.34) !important;
}
#gameView .side-player-label {
  color: #f2c96b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}
#gameView .side-player-card strong {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
}
#gameView .side-player-color {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #dfeee4 !important;
  font-weight: 900 !important;
}
#gameView .side-player-color .player-token {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}
#gameView .side-player-card.white .player-token {
  background: radial-gradient(circle at 30% 22%, #fff1bd 0 13%, rgba(255,255,255,.62) 14% 25%, transparent 26%), radial-gradient(circle at 52% 56%, #eec06d 0 35%, #a86f24 36% 64%, #f6d187 65% 100%) !important;
  border: 2px solid rgba(248,207,130,.85) !important;
}
#gameView .side-player-card.black .player-token {
  background: radial-gradient(circle at 28% 22%, #5f5b52 0 12%, rgba(255,255,255,.18) 13% 24%, transparent 25%), radial-gradient(circle at 52% 56%, #2e2e2b 0 35%, #050505 36% 68%, #191816 69% 100%) !important;
  border: 2px solid rgba(202,142,56,.72) !important;
}
#gameView .side-player-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
#gameView .side-player-stats span {
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  color: #aebfb4 !important;
  font-size: 11px !important;
}
#gameView .side-player-stats b { color: #fff !important; float: right !important; }
#gameView .side-player-card em {
  color: #7cffb1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 11px !important;
}
#gameView .bottom-console .player-card {
  display: none !important;
}
#gameView .bottom-console {
  grid-template-columns: minmax(0, 1fr) 78px !important;
}
#gameView .chat-box {
  grid-column: 1 !important;
}
#gameView .bottom-console::after {
  grid-column: 2 !important;
}
@media (max-width: 1250px) {
  #gameView .board-shell {
    grid-template-columns: 1fr !important;
    max-width: 980px !important;
  }
  #gameView #whiteHome,
  #gameView #blackHome,
  #gameView #board { grid-column: 1 !important; }
  #gameView #whiteHome { grid-row: 1 !important; }
  #gameView #board { grid-row: 2 !important; }
  #gameView #blackHome { grid-row: 3 !important; }
}

/* BOARD AREA SCALE FIX: tavla kirmizi cerceveye yaklasacak kadar buyusun */
#gameView .board-shell {
  grid-template-columns: 260px minmax(1040px, 1260px) 260px !important;
  width: min(100%, 1800px) !important;
  max-width: 1800px !important;
  gap: 20px !important;
  align-items: center !important;
  margin: 8px auto 0 !important;
}
#gameView .board {
  width: min(100%, 1260px) !important;
  max-width: 1260px !important;
  aspect-ratio: 627 / 386 !important;
}
#gameView .home-lane {
  height: 176px !important;
  min-height: 176px !important;
}
#gameView .point {
  width: 5.05% !important;
  height: 37.2% !important;
}
#gameView .point.top {
  top: 9.2% !important;
}
#gameView .point.bottom {
  top: 53.0% !important;
}
#gameView .checker {
  width: clamp(38px, 2.4vw, 48px) !important;
  height: clamp(38px, 2.4vw, 48px) !important;
  min-width: 38px !important;
  min-height: 38px !important;
}
@media (max-width: 1500px) {
  #gameView .board-shell {
    grid-template-columns: 230px minmax(900px, 1120px) 230px !important;
    max-width: 1600px !important;
  }
  #gameView .board { max-width: 1120px !important; }
}
@media (max-width: 1250px) {
  #gameView .board-shell {
    grid-template-columns: 1fr !important;
    max-width: 1120px !important;
  }
}

/* FIXED CENTERED BOARD SIZE: bu boyutta kalsin, kuculmesin, ortalansin */
#gameView .board-stage,
#gameView .live-match,
#gameView #activeGame {
  overflow: visible !important;
}
#gameView .board-shell {
  grid-template-columns: 240px 1160px 240px !important;
  width: 1680px !important;
  max-width: none !important;
  min-width: 1680px !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  gap: 22px !important;
  justify-content: center !important;
}
#gameView .board {
  width: 1160px !important;
  max-width: none !important;
  min-width: 1160px !important;
  aspect-ratio: 627 / 386 !important;
}
#gameView .home-lane {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}
#gameView .checker {
  width: 44px !important;
  height: 54px !important;
  min-width: 44px !important;
  min-height: 54px !important;
}
#gameView .point {
  width: 5.05% !important;
  height: 37.2% !important;
}
#gameView .point.top { top: 9.2% !important; }
#gameView .point.bottom { top: 53.0% !important; }
@media (max-width: 1250px) {
  #gameView .board-shell {
    grid-template-columns: 240px 1160px 240px !important;
    width: 1680px !important;
    min-width: 1680px !important;
    max-width: none !important;
  }
  #gameView #whiteHome { grid-column: 1 !important; grid-row: 1 !important; }
  #gameView #board { grid-column: 2 !important; grid-row: 1 !important; }
  #gameView #blackHome { grid-column: 3 !important; grid-row: 1 !important; }
}

/* FINAL LOBBY + MODAL POLISH */
.lobby-nav-pill {
  display: inline-grid !important;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 8px !important;
  row-gap: 2px !important;
  align-content: center !important;
  justify-content: center !important;
}
.lobby-nav-pill .nav-icon { grid-row: 1 / 3; align-self: center; }
.nav-lobby-stats,
#lobbyStats {
  grid-column: 2 !important;
  color: #8ff6bd !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}
.top-icon.notify,
#settingsButton { display: none !important; }
.premium-account::after {
  content: "CANLI LOBİ";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(239,190,82,.58);
  background: linear-gradient(135deg, rgba(3,58,38,.96), rgba(10,96,62,.78));
  color: #f5c85f;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .7px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.22);
}
.top-brand-logo,
.lobby-ad img {
  animation: dinamikLogoSpin 7.5s ease-in-out infinite;
  transform-style: preserve-3d;
  backface-visibility: visible;
}
@keyframes dinamikLogoSpin {
  0%, 72% { transform: perspective(520px) rotateY(0deg) scale(1); }
  86% { transform: perspective(520px) rotateY(180deg) scale(1.04); }
  100% { transform: perspective(520px) rotateY(360deg) scale(1); }
}
.lobby-ad span { display: none !important; }
.lobby-board-preview img {
  content: url('/tavla-board-clean.png');
  animation: lobbyBoardFloat 4.2s ease-in-out infinite;
  filter: drop-shadow(0 26px 38px rgba(0,0,0,.34)) saturate(1.08) contrast(1.04) !important;
}
@keyframes lobbyBoardFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.006); }
}
.lobby-table-list .table-row {
  min-height: 42px !important;
  background: rgba(5, 62, 42, .88) !important;
  border-bottom: 1px solid rgba(246, 202, 90, .18) !important;
}
.lobby-table-list .player-name strong {
  color: #ffffff !important;
  font-size: 14px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.55) !important;
}
.lobby-table-list .stake-cell {
  color: #ffe082 !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}
.modal-backdrop {
  background: rgba(0, 0, 0, .62) !important;
  backdrop-filter: blur(7px) saturate(1.1) !important;
}
.modal-box {
  width: min(560px, calc(100vw - 28px)) !important;
  border: 1px solid rgba(238, 190, 82, .58) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(238,190,82,.18), transparent 34%),
    linear-gradient(180deg, rgba(5, 70, 47, .98), rgba(2, 32, 24, .98)) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.12) !important;
  color: #fff !important;
}
.modal-box h3,
#modalTitle {
  color: #ffe082 !important;
  font-size: 24px !important;
  font-weight: 1000 !important;
  margin-right: 42px !important;
}
.cash-modal-open .modal-close,
.confirm-modal-open .modal-close { display: none !important; }
.modal-body label {
  color: #e9fff2 !important;
  font-weight: 900 !important;
}
.modal-body input,
.modal-body select,
.modal-body textarea {
  height: 54px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: #f9fffb !important;
  color: #071811 !important;
  font-weight: 800 !important;
}
.modal-note { color: #d8f5e5 !important; line-height: 1.45 !important; }
.modal-balance strong { color: #ffe082 !important; }
.modal-actions,
.confirm-actions {
  display: flex !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 14px !important;
}
.modal-actions .primary,
.confirm-actions .primary {
  border: 1px solid rgba(255,224,130,.62) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #d76b42, #9e2f1f) !important;
  color: #fff !important;
  min-height: 42px !important;
  padding: 0 22px !important;
  font-weight: 1000 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 10px 20px rgba(0,0,0,.28) !important;
}
.modal-actions .ghost,
.confirm-actions .ghost {
  border-radius: 9px !important;
  background: #dfeae6 !important;
  color: #10241b !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  font-weight: 1000 !important;
}
.confirm-panel p {
  margin: 4px 0 20px !important;
  color: #f6fff9 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}
.rules-panel {
  max-height: min(68vh, 620px);
  overflow: auto;
  padding-right: 8px;
}
.rules-panel h4 {
  color: #ffe082;
  margin: 14px 0 8px;
  font-size: 17px;
}
.rules-panel p,
.rules-panel li {
  color: #eefdf4;
  line-height: 1.45;
  font-weight: 700;
}
.rules-panel ul { padding-left: 20px; }
.toast {
  border: 1px solid rgba(238,190,82,.7) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(5,77,52,.98), rgba(10,114,72,.96)) !important;
  color: #fff8d4 !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.34) !important;
  font-weight: 1000 !important;
}

/* Ensure lobby uses the clean no-checker board only */
#gameView .lobby-board-preview {
  background: transparent !important;
}
#gameView .lobby-board-preview img,
.lobby-board-preview img {
  content: url('/tavla-board-clean.png') !important;
}
#gameView .chat-box:empty,
#gameView .chat-box.no-lines {
  display: none !important;
}

/* OPENING ROLL PROMPT: classic start roll on the board itself */
#gameView .board {
  position: relative !important;
}
#gameView .opening-roll-card {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 45 !important;
  width: min(310px, 34%) !important;
  min-height: 148px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 18px 22px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(245, 196, 84, .78) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255, 219, 126, .28), transparent 34%),
    linear-gradient(180deg, rgba(8, 12, 12, .94), rgba(5, 37, 27, .94)) !important;
  box-shadow:
    0 24px 50px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 34px rgba(222, 161, 50, .18) !important;
  color: #fff !important;
  text-align: center !important;
  backdrop-filter: blur(8px) saturate(1.1) !important;
}
#gameView .opening-roll-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255,222,125,.58), transparent);
  opacity: .55;
  pointer-events: none;
  animation: openingGlow 2.4s ease-in-out infinite;
}
#gameView .opening-roll-card.waiting {
  opacity: .86 !important;
  filter: saturate(.82) !important;
}
#gameView .opening-kicker {
  color: #8ff6bd !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .9px !important;
  text-transform: uppercase !important;
}
#gameView .opening-roll-card strong {
  color: #ffe082 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 3px 8px rgba(0,0,0,.55) !important;
}
#gameView .opening-roll-card small {
  color: #e8fff1 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  max-width: 260px !important;
}
#gameView .opening-roll-card button {
  min-width: 132px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,224,130,.85) !important;
  background: linear-gradient(180deg, #ffd873, #b67817) !important;
  color: #171006 !important;
  font-weight: 1000 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 24px rgba(0,0,0,.34) !important;
}
#gameView .opening-roll-card button:disabled {
  opacity: .5 !important;
  cursor: wait !important;
  background: linear-gradient(180deg, #dfe8e4, #8c9992) !important;
}
#gameView .opening-roll-card.can-roll button {
  animation: openingButtonPulse 1.35s ease-in-out infinite;
}
@keyframes openingGlow {
  0%, 100% { opacity: .28; transform: scale(.99); }
  50% { opacity: .75; transform: scale(1.015); }
}
@keyframes openingButtonPulse {
  0%, 100% { transform: translateY(0); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 24px rgba(0,0,0,.34); }
  50% { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 16px 30px rgba(245,196,84,.34); }
}


/* AUTO START BOARD FIX: Katil sonrasi ana ekranda direkt buyuk tavla + pullar */
#gameView .board-stage:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 178px) !important;
  padding: 8px 0 4px !important;
}
#gameView .live-match {
  width: 100% !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  place-items: center !important;
}
#gameView .match-strip {
  width: min(100%, 1120px) !important;
  min-height: 48px !important;
  padding: 6px 12px !important;
  margin: 0 auto 8px !important;
  border-radius: 10px !important;
}
#gameView .match-strip h2 { font-size: 16px !important; margin: 0 !important; }
#gameView .turn-line,
#gameView #selectionLine { font-size: 11px !important; line-height: 1.25 !important; margin: 1px 0 !important; }
#gameView .board-shell {
  grid-template-columns: minmax(920px, 1120px) !important;
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}
#gameView .board {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  aspect-ratio: 627 / 386 !important;
  background: url('/tavla-board-clean.png') center / contain no-repeat !important;
}
#gameView .opening-roll-card { display: none !important; }
#gameView .point { width: 5.25% !important; height: 37.4% !important; }
#gameView .point.top { top: 8.9% !important; flex-direction: column !important; justify-content: flex-start !important; }
#gameView .point.bottom { top: 53.0% !important; flex-direction: column !important; justify-content: flex-end !important; }
#gameView .checker {
  width: clamp(34px, 2.42vw, 44px) !important;
  height: clamp(34px, 2.42vw, 44px) !important;
  min-width: 34px !important;
  min-height: 34px !important;
}
@media (max-width: 980px) {
  #gameView .board-shell { grid-template-columns: minmax(620px, 100%) !important; }
  #gameView .board-stage:not(.hidden) { overflow-x: auto !important; justify-content: flex-start !important; }
}

/* FINAL FIX 2: Oyun baslayinca lobi ana sayfa gorunumu bozulmasin; tavla buyuk orta alanda baslasin */
#gameView.playing-board .game-table {
  position: relative !important;
}
#gameView.playing-board #lobbyScreen {
  display: block !important;
  visibility: visible !important;
}
#gameView.playing-board .lobby-board-preview {
  opacity: 0 !important;
  pointer-events: none !important;
}
#gameView.playing-board #sideConsole,
#gameView.playing-board .side-console {
  display: none !important;
}
#gameView.playing-board #boardStage.board-stage:not(.hidden) {
  position: absolute !important;
  left: 26.6% !important;
  right: 16.2% !important;
  top: 108px !important;
  height: 645px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  z-index: 30 !important;
  overflow: visible !important;
}
#gameView.playing-board #activeGame.live-match {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
#gameView.playing-board .match-strip {
  display: none !important;
}
#gameView.playing-board .board-shell {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
}
#gameView.playing-board #blackHome,
#gameView.playing-board #whiteHome,
#gameView.playing-board .right-roll-controls {
  display: none !important;
}
#gameView.playing-board #board.board {
  width: 100% !important;
  max-width: 1120px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  aspect-ratio: 627 / 386 !important;
  background-image: url('/tavla-board-clean.png') !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 22px 42px rgba(0,0,0,.62) !important;
}
#gameView.playing-board .point {
  width: 5.25% !important;
  height: 37.4% !important;
}
#gameView.playing-board .point.top { top: 8.9% !important; }
#gameView.playing-board .point.bottom { top: 53.0% !important; }
#gameView.playing-board .checker {
  width: clamp(34px, 2.42vw, 44px) !important;
  height: clamp(34px, 2.42vw, 44px) !important;
  min-width: 34px !important;
  min-height: 34px !important;
}
#gameView.playing-board .board-dice {
  left: 50% !important;
  top: 50% !important;
}
@media (max-width: 1200px) {
  #gameView.playing-board #boardStage.board-stage:not(.hidden) {
    left: 360px !important;
    right: 250px !important;
    top: 104px !important;
    height: 600px !important;
    min-width: 720px !important;
  }
}

/* ORANTI + AKTIF OYUN FINAL FIX: tavla boyutu korunur, ust logo ve alt boslukla cakisma engellenir */
#gameView.playing-board .lobby-header {
  position: relative !important;
  z-index: 5 !important;
}
#gameView.playing-board #boardStage.board-stage:not(.hidden) {
  left: 430px !important;
  right: 218px !important;
  top: 136px !important;
  height: calc(100vh - 246px) !important;
  min-height: 520px !important;
  max-height: 690px !important;
  z-index: 20 !important;
  align-items: start !important;
  padding-top: 8px !important;
}
#gameView.playing-board #activeGame.live-match {
  align-items: start !important;
}
#gameView.playing-board .board-shell {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
#gameView.playing-board #board.board {
  width: min(100%, 1120px) !important;
  max-width: 1120px !important;
  min-width: 1120px !important;
}
#gameView.playing-board .bottom-console {
  position: relative !important;
  z-index: 10 !important;
}
#gameView.playing-board .lobby-board-preview {
  visibility: hidden !important;
}
#gameView .stake-cell {
  overflow: visible !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
  color: #ffe39a !important;
}
#gameView .lobby-table-list .table-row .stake-cell .coin-mini + * { display: inline !important; }
#gameView .lobby-table-list .table-row .watch-button { min-width: 58px !important; }
@media (max-width: 1500px) {
  #gameView.playing-board #boardStage.board-stage:not(.hidden) {
    left: 390px !important;
    right: 210px !important;
  }
  #gameView.playing-board #board.board {
    min-width: 1040px !important;
    max-width: 1040px !important;
  }
}

/* Professional sequential opening dice animation (0:09-0:20 style) */
#gameView .board-dice.intro-hidden-dice {
  opacity: 0 !important;
  pointer-events: none !important;
}
#gameView .opening-intro-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 90 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: all !important;
  background: radial-gradient(circle at 50% 45%, rgba(0,0,0,.10), rgba(0,0,0,.38) 70%, rgba(0,0,0,.56)) !important;
  backdrop-filter: blur(1.5px) !important;
}
#gameView .opening-intro-card {
  width: min(560px, 72%) !important;
  min-height: 250px !important;
  display: grid !important;
  gap: 14px !important;
  justify-items: center !important;
  align-content: center !important;
  padding: 24px 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 218, 117, .82) !important;
  background:
    radial-gradient(circle at 24% 0%, rgba(255, 220, 130, .32), transparent 34%),
    linear-gradient(180deg, rgba(5, 16, 14, .95), rgba(4, 48, 34, .94)) !important;
  box-shadow: 0 30px 70px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.18), 0 0 45px rgba(245, 190, 82, .18) !important;
  color: #fff !important;
  text-align: center !important;
  animation: introCardIn .32s ease-out both !important;
}
#gameView .opening-intro-card strong {
  color: #ffe38a !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 4px 12px rgba(0,0,0,.62) !important;
}
#gameView .opening-intro-card small {
  color: #e8fff4 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
#gameView .intro-versus {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 16px !important;
}
#gameView .intro-versus > b {
  color: #9fffc1 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 14px rgba(140,255,190,.35) !important;
}
#gameView .intro-player {
  min-height: 128px !important;
  display: grid !important;
  place-items: center !important;
  gap: 10px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.16)) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
#gameView .intro-player > span {
  max-width: 170px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  color: #fff8d2 !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}
#gameView .intro-player.winner {
  transform: translateY(-4px) scale(1.04) !important;
  border-color: rgba(255, 225, 122, .95) !important;
  box-shadow: 0 0 34px rgba(255, 206, 88, .32), inset 0 0 22px rgba(255, 213, 91, .16) !important;
}
#gameView .intro-die {
  width: 70px !important;
  height: 70px !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  border: 2px solid rgba(255, 236, 172, .95) !important;
  background: radial-gradient(circle at 30% 20%, #fff 0 16%, transparent 17%), linear-gradient(145deg, #fff8dc, #ead6a0 56%, #ba9656) !important;
  box-shadow: inset 0 5px 7px rgba(255,255,255,.48), inset 0 -8px 12px rgba(84,52,10,.32), 0 16px 24px rgba(0,0,0,.42) !important;
  transform: rotate(-8deg) !important;
}
#gameView .intro-die.ghost {
  opacity: .20 !important;
  border-style: dashed !important;
  background: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 0 20px rgba(255,255,255,.08) !important;
}
#gameView .intro-die.show { animation: diePopIn .28s ease-out both !important; }
#gameView .intro-die.roll-3d {
  animation: openingDiceThrow 1.05s cubic-bezier(.12,.78,.24,1) infinite !important;
}
#gameView .opening-intro-overlay.stage-winner .intro-player.winner::after,
#gameView .opening-intro-overlay.stage-ready .intro-player.winner::after {
  content: "Başlıyor";
  margin-top: -4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: linear-gradient(#ffe486, #b98218);
  color: #171006;
  font-size: 11px;
  font-weight: 1000;
}
@keyframes introCardIn {
  from { opacity: 0; transform: translateY(12px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes diePopIn {
  from { opacity: 0; transform: translateY(-16px) rotate(-38deg) scale(.6); }
  to { opacity: 1; transform: translateY(0) rotate(-8deg) scale(1); }
}
@keyframes openingDiceThrow {
  0% { transform: translate(-52px, -34px) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) scale(.68); opacity: .42; }
  35% { transform: translate(32px, -22px) rotateX(220deg) rotateY(160deg) rotateZ(65deg) scale(1.16); opacity: 1; }
  70% { transform: translate(-10px, 12px) rotateX(390deg) rotateY(300deg) rotateZ(-25deg) scale(.96); }
  100% { transform: translate(0, 0) rotateX(540deg) rotateY(360deg) rotateZ(-8deg) scale(1); opacity: 1; }
}

/* FINAL: profesyonel başlangıç zarı ve hamle animasyonları */
.opening-intro-overlay{backdrop-filter: blur(7px) saturate(1.15); background: radial-gradient(circle at 50% 45%, rgba(0,0,0,.26), rgba(0,0,0,.62)); animation: openingFade .28s ease both;}
.pro-opening-card{width:min(620px,92%); padding:24px 28px 20px!important; border-radius:22px!important; border:1px solid rgba(255,215,104,.72)!important; background:linear-gradient(135deg, rgba(4,45,31,.94), rgba(5,32,28,.82) 55%, rgba(0,12,10,.94))!important; box-shadow:0 30px 80px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.07), 0 0 42px rgba(229,188,77,.18)!important;}
.pro-opening-card>strong{font-size:clamp(28px,3.2vw,44px)!important; letter-spacing:.2px; color:#f4d878!important; text-shadow:0 4px 18px rgba(0,0,0,.65);}
.opening-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; width:min(420px,100%); margin:14px auto 18px;}
.opening-steps span{height:34px; display:grid; place-items:center; border-radius:999px; border:1px solid rgba(255,215,104,.33); background:rgba(255,255,255,.045); color:#b9c9bd; font-size:12px; font-weight:1000; text-transform:uppercase; letter-spacing:.4px; position:relative; overflow:hidden;}
.opening-steps span.filled{color:#171100; background:linear-gradient(180deg,#ffe587,#bf8926); box-shadow:0 8px 18px rgba(218,170,58,.28);}
.opening-steps span.filled:after{content:""; position:absolute; inset:0; transform:translateX(-120%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent); animation:stepShine 1.15s ease infinite;}
.opening-steps.mini{width:100%; margin:10px 0 12px; gap:5px}.opening-steps.mini span{height:25px; font-size:10px}
.pro-versus{gap:20px!important; align-items:center!important;}
.pro-versus .intro-player{min-height:150px!important; border-radius:18px!important; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important; border:1px solid rgba(255,215,104,.28)!important; box-shadow:inset 0 0 24px rgba(255,255,255,.035); transition:transform .22s ease, border-color .22s ease;}
.pro-versus .intro-player.winner{transform:translateY(-3px) scale(1.03); border-color:#ffe17d!important; box-shadow:0 0 28px rgba(255,212,94,.22), inset 0 0 24px rgba(255,255,255,.04)!important;}
.intro-die{width:76px!important; height:76px!important; border-radius:17px!important; transform-style:preserve-3d; box-shadow:0 16px 28px rgba(0,0,0,.45), inset 0 5px 10px rgba(255,255,255,.42), inset 0 -8px 12px rgba(0,0,0,.28)!important;}
.intro-die.roll-pro.first{animation:proDiceRollFirst 1.15s cubic-bezier(.12,.86,.18,1) both!important;}
.intro-die.roll-pro.second{animation:proDiceRollSecond 1.15s cubic-bezier(.12,.86,.18,1) both!important;}
.intro-die.collect-pro{animation:proDiceCollect .82s cubic-bezier(.2,.8,.2,1) both!important;}
.intro-die.separate-pro.first{animation:proDiceSeparateFirst .72s cubic-bezier(.18,.9,.2,1) both!important;}
.intro-die.separate-pro.second{animation:proDiceSeparateSecond .72s cubic-bezier(.18,.9,.2,1) both!important;}
.checker{transition:transform .22s cubic-bezier(.2,.75,.2,1), filter .22s ease, box-shadow .22s ease; will-change:transform;}
.checker[draggable="true"]:hover{transform:translateY(-5px) scale(1.06); filter:brightness(1.12); box-shadow:0 16px 24px rgba(0,0,0,.46), inset 0 4px 8px rgba(255,255,255,.42), inset 0 -7px 10px rgba(0,0,0,.34)!important;}
.point.legal-target{animation:targetPulse 1s ease infinite;}
.die.rolling{animation:diceRollUltra .86s cubic-bezier(.18,.84,.24,1) both!important;}
@keyframes openingFade{from{opacity:0}to{opacity:1}}
@keyframes stepShine{55%,100%{transform:translateX(120%)}}
@keyframes proDiceRollFirst{0%{opacity:.2;transform:translate(-220px,-80px) rotateX(70deg) rotateY(-260deg) rotateZ(-180deg) scale(.55)}55%{opacity:1;transform:translate(14px,-26px) rotateX(20deg) rotateY(28deg) rotateZ(30deg) scale(1.13)}78%{transform:translate(-8px,6px) rotateZ(-10deg) scale(.96)}100%{transform:translate(0,0) rotateZ(-6deg) scale(1)}}
@keyframes proDiceRollSecond{0%{opacity:.2;transform:translate(220px,-78px) rotateX(70deg) rotateY(260deg) rotateZ(180deg) scale(.55)}55%{opacity:1;transform:translate(-14px,-26px) rotateX(20deg) rotateY(-28deg) rotateZ(-30deg) scale(1.13)}78%{transform:translate(8px,6px) rotateZ(10deg) scale(.96)}100%{transform:translate(0,0) rotateZ(6deg) scale(1)}}
@keyframes proDiceCollect{0%{transform:scale(1)}50%{transform:translateY(-12px) scale(1.08)}100%{transform:translateY(0) scale(.92)}}
@keyframes proDiceSeparateFirst{0%{transform:translateX(0) scale(.94)}100%{transform:translateX(-12px) rotateZ(-8deg) scale(1)}}
@keyframes proDiceSeparateSecond{0%{transform:translateX(0) scale(.94)}100%{transform:translateX(12px) rotateZ(8deg) scale(1)}}
@keyframes targetPulse{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,224,104,.0)}50%{box-shadow:inset 0 0 0 3px rgba(255,224,104,.42)}}
@keyframes diceRollUltra{0%{transform:translate(-110px,-48px) rotateX(65deg) rotateY(-190deg) rotateZ(-220deg) scale(.68);opacity:.2}55%{transform:translate(24px,-15px) rotateX(10deg) rotateY(18deg) rotateZ(42deg) scale(1.14);opacity:1}78%{transform:translate(-6px,9px) rotateZ(-16deg) scale(.96)}100%{transform:rotate(-10deg) scale(1);opacity:1}}

/* FINAL PLUS: 0:19-0:38 akışına yakın, 3 aşamalı profesyonel zar ve hamle animasyonu */
#gameView.cinematic-board-pulse::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(255,221,108,.16),transparent 46%);animation:cinematicPulse .7s ease both;z-index:75}
@keyframes cinematicPulse{0%{opacity:0;transform:scale(.98)}35%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.02)}}
#gameView .opening-intro-overlay{background:radial-gradient(circle at 50% 48%,rgba(4,42,31,.28),rgba(0,0,0,.68) 72%)!important;backdrop-filter:blur(8px) saturate(1.2)!important}
#gameView .pro-opening-card{overflow:hidden!important;position:relative!important;transform-style:preserve-3d!important;animation:proCardFloat .36s cubic-bezier(.18,.86,.22,1) both!important}
#gameView .pro-opening-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(255,220,110,.16),transparent 35%);animation:cardSweep 2.8s linear infinite;pointer-events:none}
#gameView .pro-opening-card>*{position:relative;z-index:1}
#gameView .opening-steps span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 6px 14px rgba(0,0,0,.18)!important}
#gameView .opening-steps span.filled{animation:stepFillPop .24s ease both!important}
#gameView .opening-steps span.filled:before{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.35));transform-origin:left;animation:stepFillBar .55s cubic-bezier(.2,.8,.2,1) both}
#gameView .intro-die.roll-pro.first{animation:proDiceRollFirstPlus 1.46s cubic-bezier(.13,.82,.18,1) both!important}
#gameView .intro-die.roll-pro.second{animation:proDiceRollSecondPlus 1.46s cubic-bezier(.13,.82,.18,1) both!important}
#gameView .intro-die.collect-pro{animation:proDiceCollectPlus 1.04s cubic-bezier(.2,.86,.18,1) both!important}
#gameView .intro-die.separate-pro.first{animation:proDiceSeparateFirstPlus .86s cubic-bezier(.16,.9,.18,1) both!important}
#gameView .intro-die.separate-pro.second{animation:proDiceSeparateSecondPlus .86s cubic-bezier(.16,.9,.18,1) both!important}
.checker.move-ghost{position:fixed!important;z-index:9999!important;pointer-events:none!important;margin:0!important;transition:transform .48s cubic-bezier(.16,.84,.24,1),opacity .48s ease!important;box-shadow:0 24px 42px rgba(0,0,0,.48),inset 0 5px 9px rgba(255,255,255,.45),inset 0 -8px 12px rgba(0,0,0,.32)!important;will-change:transform,opacity}
.checker.move-landing{animation:moveLanding .36s cubic-bezier(.18,.9,.2,1) both!important}
#gameView .point.target,#gameView .point.target-hit,#gameView .point.legal-target{animation:targetPulseGold .92s ease-in-out infinite!important;border-radius:999px!important}
#gameView .checker[draggable="true"]{cursor:grab!important}
#gameView .checker[draggable="true"]:active{cursor:grabbing!important;transform:translateY(-8px) scale(1.1)!important;filter:brightness(1.16)!important}
@keyframes proCardFloat{from{opacity:0;transform:translateY(18px) scale(.94) rotateX(8deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}
@keyframes cardSweep{to{transform:rotate(360deg)}}
@keyframes stepFillPop{0%{transform:scale(.96)}70%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes stepFillBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes proDiceRollFirstPlus{0%{opacity:.05;filter:blur(4px);transform:translate(-255px,-120px) rotateX(80deg) rotateY(-360deg) rotateZ(-240deg) scale(.48)}24%{opacity:1;filter:blur(1px);transform:translate(-70px,-54px) rotateX(210deg) rotateY(-190deg) rotateZ(80deg) scale(1.08)}54%{filter:blur(0);transform:translate(24px,-25px) rotateX(375deg) rotateY(-68deg) rotateZ(32deg) scale(1.16)}76%{transform:translate(-10px,8px) rotateX(420deg) rotateY(-12deg) rotateZ(-12deg) scale(.95)}91%{transform:translate(5px,-3px) rotateZ(8deg) scale(1.025)}100%{opacity:1;transform:translate(0,0) rotateZ(-6deg) scale(1)}}
@keyframes proDiceRollSecondPlus{0%{opacity:.05;filter:blur(4px);transform:translate(255px,-120px) rotateX(80deg) rotateY(360deg) rotateZ(240deg) scale(.48)}24%{opacity:1;filter:blur(1px);transform:translate(70px,-54px) rotateX(210deg) rotateY(190deg) rotateZ(-80deg) scale(1.08)}54%{filter:blur(0);transform:translate(-24px,-25px) rotateX(375deg) rotateY(68deg) rotateZ(-32deg) scale(1.16)}76%{transform:translate(10px,8px) rotateX(420deg) rotateY(12deg) rotateZ(12deg) scale(.95)}91%{transform:translate(-5px,-3px) rotateZ(-8deg) scale(1.025)}100%{opacity:1;transform:translate(0,0) rotateZ(6deg) scale(1)}}
@keyframes proDiceCollectPlus{0%{transform:translateY(0) scale(1);filter:brightness(1)}36%{transform:translateY(-18px) scale(1.12);filter:brightness(1.18)}70%{transform:translateY(-3px) scale(.93);filter:brightness(.98)}100%{transform:translateY(0) scale(.96);filter:brightness(1)}}
@keyframes proDiceSeparateFirstPlus{0%{transform:translateX(0) translateY(0) scale(.96);opacity:.92}70%{transform:translateX(-22px) translateY(-2px) rotateZ(-12deg) scale(1.05);opacity:1}100%{transform:translateX(-16px) translateY(0) rotateZ(-8deg) scale(1)}}
@keyframes proDiceSeparateSecondPlus{0%{transform:translateX(0) translateY(0) scale(.96);opacity:.92}70%{transform:translateX(22px) translateY(-2px) rotateZ(12deg) scale(1.05);opacity:1}100%{transform:translateX(16px) translateY(0) rotateZ(8deg) scale(1)}}
@keyframes moveLanding{0%{transform:scale(1.16);filter:brightness(1.25)}70%{transform:scale(.96)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes targetPulseGold{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,225,106,0),0 0 0 rgba(255,225,106,0)}50%{box-shadow:inset 0 0 0 3px rgba(255,225,106,.54),0 0 24px rgba(255,207,73,.18)}}
@media (max-width:760px){#gameView .opening-steps{gap:5px!important}#gameView .intro-die{width:58px!important;height:58px!important}.pro-versus .intro-player{min-height:120px!important}}

/* Rakip hamlesi izleme animasyonu */
.opponent-move-badge,.move-badge{position:fixed;z-index:10000;pointer-events:none;padding:7px 12px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.3px;transition:transform .72s cubic-bezier(.16,.84,.24,1),opacity .72s ease;background:linear-gradient(135deg,rgba(255,213,92,.98),rgba(167,112,27,.98));color:#052719;border:1px solid rgba(255,239,168,.9);box-shadow:0 14px 35px rgba(0,0,0,.42),0 0 0 1px rgba(255,217,89,.22)}
.opponent-move-badge{background:linear-gradient(135deg,rgba(16,220,149,.98),rgba(6,100,72,.98));color:#f6fff9;border-color:rgba(126,255,204,.78)}
.checker.move-ghost{transition:transform .72s cubic-bezier(.12,.88,.18,1),opacity .72s ease!important;filter:drop-shadow(0 20px 18px rgba(0,0,0,.42))}
.point.move-landing,.checker.move-landing{animation:opponentLanding .42s cubic-bezier(.18,.9,.2,1) both!important}
@keyframes opponentLanding{0%{filter:brightness(1);transform:scale(1)}45%{filter:brightness(1.45) drop-shadow(0 0 18px rgba(255,213,92,.65));transform:scale(1.07)}100%{filter:brightness(1);transform:scale(1)}}

/* Final rakip hamle ve sıra göstergesi */
.turn-pro-indicator{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:12px;min-width:320px;max-width:520px;padding:12px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(1,36,24,.92),rgba(3,88,56,.86));border:1px solid rgba(255,212,89,.55);box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;animation:turnIndicatorIn .38s cubic-bezier(.16,.84,.24,1) both;pointer-events:none}
.turn-pro-indicator.mine{background:linear-gradient(135deg,rgba(126,82,13,.94),rgba(255,196,57,.82));color:#102313;border-color:rgba(255,239,168,.95);box-shadow:0 18px 50px rgba(255,183,44,.18),0 20px 48px rgba(0,0,0,.45)}
.turn-pro-indicator strong{display:block;font-size:14px;font-weight:1000;letter-spacing:.2px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.turn-pro-indicator small{display:block;margin-top:3px;font-size:12px;font-weight:800;opacity:.9;letter-spacing:.15px}
.turn-pro-indicator .turn-dot{width:13px;height:13px;border-radius:50%;background:#34e58d;box-shadow:0 0 0 6px rgba(52,229,141,.12),0 0 22px rgba(52,229,141,.78);animation:turnDotPulse 1s ease-in-out infinite}
.turn-pro-indicator.mine .turn-dot{background:#fff4b8;box-shadow:0 0 0 6px rgba(255,244,184,.22),0 0 24px rgba(255,255,255,.82)}
@keyframes turnIndicatorIn{from{opacity:0;transform:translate(-50%,14px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes turnDotPulse{0%,100%{transform:scale(.95);filter:brightness(1)}50%{transform:scale(1.22);filter:brightness(1.25)}}

.checker.move-ghost{z-index:12000!important;transition:transform 1.05s cubic-bezier(.13,.88,.12,1),opacity 1.05s ease!important;outline:2px solid rgba(255,215,79,.5);outline-offset:3px;animation:ghostLift .22s ease-out both!important}
.opponent-move-badge,.move-badge{font-size:13px!important;padding:9px 14px!important;text-transform:uppercase;letter-spacing:.45px!important}
.opponent-move-badge::after{content:"";position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(52,229,141,.34);animation:badgeRing .9s ease-out infinite}
.point.move-landing,.checker.move-landing{animation:proLanding .62s cubic-bezier(.18,.9,.2,1) both!important}
@keyframes ghostLift{from{filter:drop-shadow(0 8px 8px rgba(0,0,0,.24));transform:scale(.96)}to{filter:drop-shadow(0 24px 18px rgba(0,0,0,.46));transform:scale(1.03)}}
@keyframes badgeRing{from{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}
@keyframes proLanding{0%{filter:brightness(1);transform:scale(1)}38%{filter:brightness(1.55) drop-shadow(0 0 22px rgba(255,213,92,.72));transform:scale(1.1)}70%{transform:scale(.98)}100%{filter:brightness(1);transform:scale(1)}}

/* FINAL UX FIX: compact turn card, professional lobby, title animations */
#gameView .turn-pro-indicator{
  left:50%!important;bottom:6px!important;transform:translateX(-50%)!important;min-width:230px!important;max-width:330px!important;
  padding:7px 12px!important;border-radius:14px!important;gap:8px!important;z-index:90!important;
  background:linear-gradient(135deg,rgba(8,40,29,.92),rgba(12,92,57,.84))!important;border:1px solid rgba(246,196,85,.68)!important;
}
#gameView .turn-pro-indicator.mine{background:linear-gradient(135deg,rgba(89,57,11,.95),rgba(214,158,35,.90))!important;color:#102313!important}
#gameView .turn-pro-indicator strong{font-size:11px!important;letter-spacing:.4px!important}
#gameView .turn-pro-indicator small{font-size:9px!important;margin-top:1px!important;white-space:nowrap!important}
#gameView .turn-pro-indicator .turn-dot{width:10px!important;height:10px!important;box-shadow:0 0 0 4px rgba(52,229,141,.14),0 0 18px rgba(52,229,141,.75)!important}
#gameView .turn-pro-indicator.opponent::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,215,99,.32),transparent);animation:moveScan 1.25s linear infinite;pointer-events:none}
@keyframes moveScan{0%{transform:translateX(-45%);opacity:.2}50%{opacity:1}100%{transform:translateX(45%);opacity:.2}}

#gameView .lobby-table-list .table-row{height:56px!important;min-height:56px!important;border:1px solid rgba(246,196,85,.32)!important;background:linear-gradient(90deg,rgba(5,80,50,.96),rgba(2,49,34,.92))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.18)!important}
#gameView .lobby-table-list .table-row .cell{color:#fff!important;font-size:12px!important;font-weight:900!important;text-shadow:0 2px 6px rgba(0,0,0,.45)!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
#gameView .lobby-table-list .stake-cell{font-size:13px!important;color:#ffe68f!important;display:flex!important;align-items:center!important;gap:5px!important}
#gameView .coin-mini{width:22px!important;height:22px!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;background:linear-gradient(145deg,#ffd35e,#b97913)!important;color:#092a1f!important;font-size:13px!important;font-weight:1000!important;box-shadow:0 4px 10px rgba(0,0,0,.35)!important}
#gameView .watch-button{min-width:72px!important;height:32px!important;border-radius:10px!important;background:linear-gradient(135deg,#10a867,#047848)!important;border:1px solid rgba(143,255,185,.55)!important;color:#fff!important;font-size:12px!important;box-shadow:0 7px 16px rgba(0,0,0,.25)!important}
#gameView .table-row.own-open{outline:2px solid #ffe35c!important;background:linear-gradient(90deg,rgba(19,113,73,.98),rgba(6,72,48,.94))!important}

#gameView .brand-copy strong,#gameView .lobby-ad strong{display:inline-block;transform-origin:center;animation:dinamikFlip 5.2s ease-in-out infinite;text-shadow:0 3px 0 #073d2d,0 0 14px rgba(255,201,82,.35)!important}
#gameView .brand-copy span,#gameView .lobby-ad strong b{display:inline-block;animation:onlineWave 4.6s ease-in-out infinite;text-shadow:0 0 14px rgba(255,215,92,.32)!important}
@keyframes dinamikFlip{0%,78%,100%{transform:perspective(420px) rotateY(0)}86%{transform:perspective(420px) rotateY(-18deg) translateY(-1px)}92%{transform:perspective(420px) rotateY(18deg)}}
@keyframes onlineWave{0%,72%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-3px) rotate(-1deg)}88%{transform:translateY(2px) rotate(1deg)}}

.move-ghost{transition:transform 1.05s cubic-bezier(.16,.84,.24,1),opacity 1.05s ease!important;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(255,212,91,.45))!important}
.opponent-move-badge,.move-badge{border-radius:999px!important;background:linear-gradient(135deg,#06291d,#d39b28)!important;border:1px solid rgba(255,232,151,.7)!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.38)!important}


/* FINAL profesyonel lobi ve başlangıç animasyon düzeltmeleri */
#lobbyStats{display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;margin-top:2px!important}
#lobbyStats .stat-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid rgba(246,196,85,.55);border-radius:999px;background:linear-gradient(135deg,rgba(246,196,85,.16),rgba(3,52,34,.88));box-shadow:inset 0 0 12px rgba(255,217,112,.08),0 6px 16px rgba(0,0,0,.25);font-size:10px;letter-spacing:.3px;color:#ffe38d}
#lobbyStats .stat-chip b{font-weight:900;color:#fff}#lobbyStats .stat-chip strong{font-size:12px;color:#39f488}.lobby-nav-pill{border:1px solid rgba(246,196,85,.65)!important;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 10px 28px rgba(246,196,85,.12)!important}
.table-row .cell{font-size:13px!important;text-shadow:0 1px 2px #000}.stake-cell{gap:5px!important;justify-content:center!important;white-space:nowrap!important}.stake-cell strong{font-size:13px!important;color:#ffe48b!important}.watch-button,.create-match,.refresh-match{box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;border:1px solid rgba(255,224,121,.38)!important}.match-browser{border:1px solid rgba(246,196,85,.45)!important;box-shadow:0 14px 44px rgba(0,0,0,.35)!important}.browser-head span{font-size:12px!important;color:#ffe48b!important}
.lobby-ad strong{perspective:500px}.lobby-ad strong{display:inline-flex;gap:8px}.lobby-ad strong::first-letter{color:#fff}.lobby-ad strong{animation:brandFloat 5s ease-in-out infinite}.lobby-ad strong b{display:inline-block;animation:onlineSweep 3.8s ease-in-out infinite;transform-origin:center;color:#ffd15b!important}@keyframes brandFloat{0%,100%{transform:translateY(0) rotateX(0)}45%{transform:translateY(-3px) rotateX(8deg)}70%{filter:drop-shadow(0 0 10px rgba(246,196,85,.45))}}@keyframes onlineSweep{0%,100%{transform:translateX(0) skewX(0)}40%{transform:translateX(7px) skewX(-8deg)}65%{transform:translateX(-3px) skewX(5deg)}}
.turn-indicator{left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;min-width:250px!important;max-width:330px!important;padding:9px 16px!important;border-radius:16px!important;background:linear-gradient(135deg,#166b44,#c79524)!important;border:1px solid rgba(255,224,130,.7)!important;box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(246,196,85,.22)!important;font-size:11px!important}.turn-indicator strong{font-size:13px!important}.turn-indicator small{font-size:10px!important}.turn-indicator::before{width:11px!important;height:11px!important}
.opening-intro-card{transform:scale(.92)!important;background:rgba(5,34,25,.82)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(246,196,85,.58)!important}.opening-steps span{border-radius:999px!important}.intro-die.roll-pro{animation:diceCinematicRoll 1.55s cubic-bezier(.18,.8,.2,1) both!important}.intro-die.collect-pro{animation:diceCollect 1.05s ease both!important}.intro-die.separate-pro{animation:diceSeparate 1.05s ease both!important}@keyframes diceCinematicRoll{0%{transform:translateY(-60px) rotateX(0) rotateZ(0) scale(.8);filter:blur(2px)}45%{transform:translateY(18px) rotateX(220deg) rotateZ(120deg) scale(1.12);filter:blur(1px)}72%{transform:translateY(-7px) rotateX(310deg) rotateZ(190deg)}100%{transform:translateY(0) rotateX(360deg) rotateZ(230deg);filter:blur(0)}}@keyframes diceCollect{0%{transform:scale(1)}100%{transform:translateY(-8px) scale(.92);box-shadow:0 0 30px rgba(246,196,85,.35)}}@keyframes diceSeparate{0%{transform:translateY(-8px) scale(.92)}100%{transform:translateY(0) scale(1)}}
.board-player-name{position:absolute;z-index:22;top:42%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;border:1px solid rgba(246,196,85,.55);background:linear-gradient(135deg,rgba(2,34,23,.88),rgba(174,119,21,.35));box-shadow:0 12px 28px rgba(0,0,0,.35);font-weight:900;text-shadow:0 1px 2px #000}.board-left-name{left:-225px;color:#fff}.board-right-name{right:-205px;color:#f3d26d}.board-player-name .player-token{width:18px;height:18px;border-radius:50%;display:inline-block}.board-player-name .white-token{background:radial-gradient(circle at 30% 28%,#fff,#d6a647 58%,#7d5210)}.board-player-name .black-token{background:radial-gradient(circle at 30% 25%,#777,#070707 62%,#000)}
.contact-line{color:#fff!important;text-decoration:none!important;transition:.18s ease}.contact-line:hover{transform:translateX(4px);border-color:#ffd15b!important;background:rgba(246,196,85,.12)!important}.pro-contact .contact-line strong{color:#ffe487!important}

/* FINAL: profesyonel sıra ve oyuncu çerçeveleri */
#gameView.playing-board .board-shell{position:relative; overflow:visible!important;}
#gameView.playing-board .board-player-name{
  position:absolute!important; z-index:45; top:17%; width:205px; min-height:76px;
  display:flex; align-items:center; gap:12px; padding:13px 15px;
  border-radius:18px; background:linear-gradient(145deg,rgba(0,55,36,.92),rgba(0,25,18,.86));
  border:1px solid rgba(255,210,82,.55); box-shadow:0 18px 45px rgba(0,0,0,.35), inset 0 0 22px rgba(255,210,82,.08);
  color:#fff; pointer-events:none; backdrop-filter: blur(8px);
}
#gameView.playing-board .board-left-name{left:-230px!important; right:auto!important;}
#gameView.playing-board .board-right-name{right:-230px!important; left:auto!important;}
#gameView.playing-board .board-player-name strong{display:block; font-size:18px; line-height:1.05; letter-spacing:.2px; text-shadow:0 2px 0 rgba(0,0,0,.35)}
#gameView.playing-board .board-player-name small{display:block; margin-top:6px; font-size:12px; color:#ffd866; font-weight:900; text-transform:uppercase;}
#gameView.playing-board .board-player-name.white-name strong{color:#ffd35a;}
#gameView.playing-board .board-player-name.black-name strong{color:#f2f2f2;}
#gameView.playing-board .board-player-name.active{border-color:#ffe26d; box-shadow:0 0 0 2px rgba(255,214,75,.20),0 0 35px rgba(255,194,40,.32), inset 0 0 22px rgba(255,210,82,.16); animation:activePlayerPulse 1.25s ease-in-out infinite alternate;}
@keyframes activePlayerPulse{from{transform:translateY(0)}to{transform:translateY(-4px)}}
#gameView.playing-board .turn-pro-indicator{
  left:50%!important; bottom:-8px!important; transform:translateX(-50%)!important; min-width:210px!important; max-width:320px!important;
  padding:8px 14px!important; border-radius:16px!important; border:1px solid rgba(255,226,109,.75)!important;
  background:linear-gradient(180deg,rgba(202,151,29,.96),rgba(142,99,9,.96))!important;
  box-shadow:0 12px 35px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#gameView.playing-board .turn-pro-indicator strong{font-size:13px!important; letter-spacing:.7px!important;}
#gameView.playing-board .turn-pro-indicator small{font-size:10px!important;}
#gameView.playing-board .opening-roll-card{bottom:28px!important; top:auto!important; transform:translateX(-50%) scale(.92)!important;}
#gameView.playing-board .lobby-stats, #lobbyStats{
  display:inline-flex!important; align-items:center; gap:8px; padding:5px 12px; border-radius:999px;
  border:1px solid rgba(255,211,90,.75); background:linear-gradient(180deg,rgba(0,78,50,.95),rgba(0,42,28,.95));
  box-shadow: inset 0 0 18px rgba(255,211,90,.08), 0 8px 22px rgba(0,0,0,.22); color:#fff4b8!important; font-weight:900;
}
#gameView.playing-board .stake-cell, .stake-cell{font-weight:1000!important; color:#ffe47a!important; white-space:nowrap!important;}
#gameView.playing-board .table-row .primary.small, #gameView.playing-board .table-row .ghost.small{min-width:66px!important; font-weight:1000!important; box-shadow:0 7px 18px rgba(0,0,0,.25)!important;}
@media(max-width:1500px){#gameView.playing-board .board-left-name{left:10px!important; top:-78px!important}.board-right-name{right:10px!important; top:-78px!important}}

/* DICE CINEMATIC FINAL: referans görsele uygun başlangıç zarı animasyonu */
#gameView.playing-board .opening-roll-card,
#gameView.playing-board .opening-intro-overlay .pro-opening-card{
  width:min(520px,58vw)!important; min-height:260px!important; left:50%!important; top:50%!important; bottom:auto!important;
  transform:translate(-50%,-50%)!important; border-radius:24px!important;
  background:radial-gradient(circle at 50% 66%,rgba(255,194,66,.12),transparent 26%),linear-gradient(160deg,rgba(5,18,15,.96),rgba(1,13,11,.97))!important;
  border:1px solid rgba(255,203,78,.78)!important; box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 0 9999px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08),0 0 48px rgba(224,157,36,.16)!important;
  color:#fff!important; text-align:center!important; padding:26px 30px 28px!important; z-index:120!important; overflow:hidden!important;
}
#gameView.playing-board .opening-roll-card::before,
#gameView.playing-board .opening-intro-overlay .pro-opening-card::before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 50% 70%,rgba(255,190,56,.28),transparent 23%),radial-gradient(circle at 75% 22%,rgba(255,255,255,.08),transparent 18%);animation:cinematicGlow 2.8s ease-in-out infinite;pointer-events:none}
#gameView.playing-board .opening-roll-card::after,
#gameView.playing-board .opening-intro-overlay .pro-opening-card::after{content:"";position:absolute;left:50%;bottom:38px;width:250px;height:42px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(255,203,71,.9);box-shadow:0 0 34px rgba(255,190,45,.58),inset 0 0 28px rgba(255,205,71,.22);animation:goldRingPulse 1.7s ease-in-out infinite;pointer-events:none}
#gameView.playing-board .opening-roll-card .opening-kicker,#gameView.playing-board .pro-opening-card .opening-kicker{position:relative;z-index:3;display:inline-flex!important;margin:0 0 8px!important;color:#ffe49b!important;font-size:12px!important;letter-spacing:1.8px!important;text-transform:uppercase!important;font-weight:1000!important;opacity:.9!important}
#gameView.playing-board .opening-roll-card strong,#gameView.playing-board .pro-opening-card>strong{position:relative;z-index:3;display:block!important;font-size:30px!important;line-height:1!important;color:#ffd985!important;text-shadow:0 0 22px rgba(255,189,48,.34),0 3px 0 rgba(0,0,0,.35)!important;margin-bottom:8px!important;text-transform:uppercase!important}
#gameView.playing-board .opening-roll-card small,#gameView.playing-board .pro-opening-card>small{position:relative;z-index:3;display:block!important;font-size:14px!important;color:#f8f4df!important;font-weight:800!important;opacity:.96!important;margin-top:8px!important}
.opening-steps{position:relative;z-index:3;margin:10px auto 8px!important;justify-content:center!important}.opening-steps span{border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,213,91,.2)!important}.opening-steps span.filled{background:linear-gradient(180deg,#ffd866,#b97818)!important;color:#10150f!important;border-color:#ffe490!important;box-shadow:0 0 18px rgba(255,197,54,.22)!important}
#gameView.playing-board .opening-roll-card button{position:relative;z-index:5;margin-top:124px!important;min-width:190px!important;height:46px!important;border-radius:16px!important;border:1px solid #ffe08a!important;background:linear-gradient(180deg,#ffe07a,#c88d20)!important;color:#111!important;font-weight:1000!important;box-shadow:0 12px 30px rgba(208,143,25,.22),inset 0 1px 0 rgba(255,255,255,.5)!important;cursor:pointer!important;text-transform:uppercase!important}
#gameView.playing-board .opening-roll-card.waiting button{display:none!important}
#gameView.playing-board .opening-roll-card .cinematic-dice-stage,#gameView.playing-board .pro-opening-card .cinematic-dice-stage{position:relative;z-index:2;height:128px;margin:8px auto -92px;width:320px;pointer-events:none}
.cinematic-die{position:absolute;width:74px;height:74px;border-radius:16px;background:linear-gradient(145deg,#1a1711,#050505 58%,#0e0a05);border:1px solid rgba(255,202,80,.5);box-shadow:inset 9px 9px 18px rgba(255,255,255,.08),inset -12px -12px 18px rgba(0,0,0,.8),0 17px 34px rgba(0,0,0,.55),0 0 22px rgba(255,178,41,.23);transform-style:preserve-3d;animation:cinematicDiceA 2.25s cubic-bezier(.16,.72,.18,1) infinite}
.cinematic-die.second{left:176px;top:18px;animation-name:cinematicDiceB;animation-delay:.12s}.cinematic-die.first{left:70px;top:36px}.cinematic-die i{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff1ae,#d29224 62%,#5a3508);box-shadow:0 0 8px rgba(255,210,93,.65)}
.cinematic-die .p1{left:15px;top:15px}.cinematic-die .p2{right:15px;top:15px}.cinematic-die .p3{left:15px;top:32px}.cinematic-die .p4{right:15px;top:32px}.cinematic-die .p5{left:15px;bottom:15px}.cinematic-die .p6{right:15px;bottom:15px}
.cinematic-sparks{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 45% 65%,rgba(255,207,77,.16),transparent 14%),linear-gradient(120deg,transparent 34%,rgba(255,206,87,.65) 35%,transparent 37%);filter:blur(.2px);animation:sparkSweep 1.8s linear infinite}
#gameView.playing-board .opening-intro-overlay{position:absolute!important;inset:0!important;z-index:119!important;background:radial-gradient(circle at 50% 52%,rgba(0,0,0,.05),rgba(0,0,0,.35) 70%)!important;backdrop-filter:blur(3px) saturate(1.15)!important}
#gameView.playing-board .pro-versus{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;margin:108px 0 4px!important}.pro-versus .intro-player{display:none!important}.pro-versus b{color:#ffe08a!important;font-weight:1000!important;text-shadow:0 0 16px rgba(255,209,84,.5)}
#gameView.playing-board .opening-intro-overlay .pro-opening-card .cinematic-dice-stage{margin-top:14px!important}
.board-player-name{border-radius:18px!important;background:linear-gradient(145deg,rgba(3,36,25,.94),rgba(4,73,48,.78))!important;border:1px solid rgba(255,210,80,.38)!important;box-shadow:0 18px 42px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important}.board-player-name.white-name strong{color:#ffe29a!important}.board-player-name.black-name strong{color:#dce2df!important}.board-player-name.active{border-color:#ffd366!important;box-shadow:0 20px 50px rgba(255,184,37,.16),0 16px 35px rgba(0,0,0,.5)!important}
@keyframes cinematicDiceA{0%{transform:translate(-44px,-26px) rotateX(55deg) rotateY(-160deg) rotateZ(-35deg) scale(.72);opacity:.18}36%{transform:translate(10px,-8px) rotateX(320deg) rotateY(210deg) rotateZ(25deg) scale(1.12);opacity:1}66%{transform:translate(-2px,16px) rotateX(360deg) rotateY(360deg) rotateZ(-12deg) scale(.98)}100%{transform:translate(-44px,-26px) rotateX(55deg) rotateY(-160deg) rotateZ(-35deg) scale(.72);opacity:.18}}
@keyframes cinematicDiceB{0%{transform:translate(48px,-22px) rotateX(-80deg) rotateY(170deg) rotateZ(70deg) scale(.72);opacity:.2}38%{transform:translate(-12px,-12px) rotateX(-320deg) rotateY(-215deg) rotateZ(-31deg) scale(1.15);opacity:1}68%{transform:translate(5px,12px) rotateX(-360deg) rotateY(-360deg) rotateZ(13deg) scale(1)}100%{transform:translate(48px,-22px) rotateX(-80deg) rotateY(170deg) rotateZ(70deg) scale(.72);opacity:.2}}
@keyframes goldRingPulse{0%,100%{transform:translateX(-50%) scale(.92);opacity:.58}50%{transform:translateX(-50%) scale(1.08);opacity:1}}
@keyframes cinematicGlow{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes sparkSweep{0%{opacity:.25;transform:translateX(-30px) rotate(-4deg)}50%{opacity:.9}100%{opacity:.25;transform:translateX(30px) rotate(4deg)}}


/* FINAL OPENING ROLL FIX - başlangıç zarı asla gizlenmesin */
#gameView .board .opening-roll-card,
#gameView.playing-board .board .opening-roll-card {
  display: grid !important;
  z-index: 999 !important;
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: min(430px, 44%) !important;
  min-height: 230px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 214, 102, .88) !important;
  background: radial-gradient(circle at 50% 70%, rgba(255,185,45,.2), transparent 38%), linear-gradient(180deg, rgba(7,13,12,.96), rgba(5,44,32,.96)) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.62), 0 0 42px rgba(226,167,45,.26), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
#gameView .opening-roll-card.can-roll button,
#gameView.playing-board .opening-roll-card.can-roll button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 12px !important;
  min-width: 190px !important;
  height: 48px !important;
  font-size: 14px !important;
}
#gameView .opening-roll-card.waiting button { display: none !important; }
#gameView .opening-roll-card strong { font-size: 28px !important; }
#gameView .opening-roll-card .cinematic-dice-stage { margin: 6px auto 0 !important; height: 100px !important; }

/* Finans talepleri admin ekranında net görünsün */
.finance-row { min-height: 54px !important; }
.finance-row.deposit { box-shadow: inset 3px 0 0 #20d27a !important; }
.finance-row.withdraw { box-shadow: inset 3px 0 0 #ffb23b !important; }
/* FINAL: 10 sn otomatik başlangıç zarı + profesyonel alt sıra göstergesi */
#gameView .opening-auto-count{position:relative;z-index:6;margin:10px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;min-width:210px;width:max-content;padding:7px 12px;border-radius:999px;background:rgba(2,30,20,.72);border:1px solid rgba(255,215,95,.55);color:#ffe7a6;font-size:11px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.25)}
#gameView .opening-auto-count span{width:9px;height:9px;border-radius:50%;background:#33e68b;box-shadow:0 0 0 5px rgba(51,230,139,.16),0 0 18px rgba(51,230,139,.75);animation:autoPulse 1s ease-in-out infinite}
@keyframes autoPulse{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.15);opacity:1}}
#gameView.playing-board .turn-pro-indicator{bottom:-14px!important;min-width:360px!important;padding:10px 16px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(4,32,24,.96),rgba(9,76,52,.92))!important;border:1px solid rgba(255,211,91,.75)!important;box-shadow:0 14px 42px rgba(0,0,0,.45),0 0 28px rgba(255,193,60,.10),inset 0 1px 0 rgba(255,255,255,.14)!important;color:#fff!important}
#gameView.playing-board .turn-pro-indicator.white-turn{border-color:rgba(255,217,116,.95)!important;background:linear-gradient(135deg,rgba(81,55,17,.96),rgba(196,139,31,.92))!important;color:#171104!important}
#gameView.playing-board .turn-pro-indicator.black-turn{border-color:rgba(170,170,170,.75)!important;background:linear-gradient(135deg,rgba(8,8,8,.96),rgba(45,45,42,.92))!important;color:#fff!important}
#gameView.playing-board .turn-pro-indicator.white-turn .turn-dot{background:#ffd76a!important;box-shadow:0 0 0 5px rgba(255,215,106,.18),0 0 22px rgba(255,215,106,.8)!important}
#gameView.playing-board .turn-pro-indicator.black-turn .turn-dot{background:#202020!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 0 0 5px rgba(255,255,255,.10),0 0 20px rgba(255,255,255,.45)!important}
#gameView.playing-board .turn-pro-indicator strong{font-size:12px!important;font-weight:1000!important;letter-spacing:.8px!important}
#gameView.playing-board .turn-pro-indicator small{font-size:10px!important;font-weight:900!important;color:inherit!important;opacity:.92!important}

/* Final interaction fix: buttons and checkers must stay clickable above decorative layers */
#gameView .opening-roll-card{pointer-events:auto!important;z-index:900!important}
#gameView .opening-roll-card button{pointer-events:auto!important;position:relative!important;z-index:920!important;cursor:pointer!important}
#gameView .point{pointer-events:auto!important;z-index:12!important}
#gameView .checker[draggable="true"]{pointer-events:auto!important;z-index:30!important}
#gameView .legal-target{z-index:35!important}
#gameView .board-dice{pointer-events:auto!important}
#gameView .turn-pro-indicator{pointer-events:none!important}
.point.playable-source::after{content:"";position:absolute;left:18%;right:18%;top:10%;bottom:10%;border:2px solid rgba(255,220,100,.85);border-radius:999px;box-shadow:0 0 16px rgba(255,204,67,.7), inset 0 0 12px rgba(255,204,67,.25);pointer-events:none;animation:playablePulse 1.1s ease-in-out infinite}.point.playable-source .checker{cursor:pointer;filter:drop-shadow(0 0 10px rgba(255,214,93,.6))}@keyframes playablePulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}

/* RESPONSIVE SIZE FIX - 1366x768 ve eski laptop ekranlari icin */
html, body { overflow: hidden !important; }
#gameView.table-room {
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}
#gameView .premium-topbar {
  height: 64px !important;
  min-height: 64px !important;
}
#gameView .game-table {
  height: calc(100vh - 64px - 86px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#gameView .lobby-screen.premium-reference {
  height: 100% !important;
  grid-template-rows: 128px minmax(0, 1fr) !important;
  overflow: hidden !important;
}
#gameView .lobby-header {
  height: 128px !important;
}
#gameView .lobby-main-grid {
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: clamp(300px, 29vw, 390px) minmax(420px, 1fr) clamp(170px, 15vw, 210px) !important;
  gap: 10px !important;
  overflow: hidden !important;
}
#gameView .lobby-left,
#gameView .lobby-sidebar,
#gameView .match-browser,
#gameView .lobby-board-preview {
  min-height: 0 !important;
  overflow: hidden !important;
}
#gameView .lobby-board-preview {
  padding: 0 4px 6px !important;
  align-items: flex-start !important;
}
#gameView .lobby-board-preview img {
  width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 300px) !important;
  object-fit: contain !important;
}
#gameView .bottom-console {
  height: 86px !important;
  min-height: 86px !important;
}
#gameView .player-card,
#gameView .chat-box { height: 68px !important; }
#gameView .bottom-console::after { width: 58px !important; height: 58px !important; }

/* Aktif oyun masasi ekran disina tasmasin */
#gameView .board-stage,
#gameView .live-match,
#gameView #activeGame {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#gameView .board-shell {
  grid-template-columns: clamp(120px, 15vw, 210px) minmax(520px, min(70vw, 940px)) clamp(120px, 15vw, 210px) !important;
  width: min(100%, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  max-width: 1360px !important;
  margin: 8px auto 0 !important;
  transform: none !important;
  gap: 10px !important;
}
#gameView .board {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 940px !important;
}
#gameView .home-lane {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 136px !important;
  min-height: 136px !important;
}
#gameView .side-player-card {
  min-height: 126px !important;
  padding: 12px 14px !important;
}
#gameView .side-player-card strong { font-size: 18px !important; }
#gameView .checker {
  width: clamp(29px, 2.8vw, 39px) !important;
  height: clamp(29px, 2.8vw, 39px) !important;
  min-width: 29px !important;
  min-height: 29px !important;
}
#gameView .die {
  width: clamp(30px, 2.8vw, 39px) !important;
  height: clamp(30px, 2.8vw, 39px) !important;
}
@media (max-width: 1100px) {
  #gameView.table-room { overflow: auto !important; height: auto !important; }
  #gameView .game-table { height: auto !important; }
  #gameView .lobby-main-grid,
  #gameView .board-shell { grid-template-columns: 1fr !important; width: 100% !important; max-width: 100% !important; }
  #gameView #whiteHome,
  #gameView #board,
  #gameView #blackHome { grid-column: 1 !important; }
  #gameView .lobby-board-preview img { max-height: 360px !important; }
}

/* SCREEN FIT FINAL: Oyuna katilinca lobi tablosu kapanir, tavla ekrana tam sigar */
#gameView.playing-board {
  grid-template-rows: 68px minmax(0, 1fr) 72px !important;
}
#gameView.playing-board .premium-topbar {
  height: 68px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#gameView.playing-board .game-table {
  position: relative !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: block !important;
}
#gameView.playing-board #lobbyScreen,
#gameView.playing-board .lobby-screen,
#gameView.playing-board .lobby-main-grid,
#gameView.playing-board .lobby-header,
#gameView.playing-board .lobby-board-preview,
#gameView.playing-board .lobby-sidebar,
#gameView.playing-board .match-browser {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#gameView.playing-board #boardStage.board-stage:not(.hidden) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 50% 45%, rgba(4, 104, 64, .28), transparent 58%), #001e14 !important;
  z-index: 5 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
}
#gameView.playing-board #activeGame.live-match {
  width: min(100%, 1180px) !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
#gameView.playing-board .board-shell {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  transform: none !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  grid-template-columns: 1fr !important;
}
#gameView.playing-board #board.board {
  width: min(100%, calc((100vh - 150px) * 1.624)) !important;
  max-width: 1180px !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: calc(100vh - 158px) !important;
  aspect-ratio: 627 / 386 !important;
  margin: 0 auto !important;
  background-image: url('/tavla-board-clean.png') !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.62) !important;
}
#gameView.playing-board .bottom-console {
  height: 82px !important;
  min-height: 82px !important;
  padding: 6px 10px !important;
  position: relative !important;
  z-index: 8 !important;
}
#gameView.playing-board .chat-box {
  height: 56px !important;
  min-height: 56px !important;
}
#gameView.playing-board .opening-intro-card {
  width: min(470px, 58%) !important;
  min-height: 190px !important;
  padding: 18px 22px !important;
}
#gameView.playing-board .opening-intro-title,
#gameView.playing-board .opening-roll-card strong {
  font-size: clamp(22px, 3.1vw, 34px) !important;
}
#gameView.playing-board .checker {
  width: clamp(28px, 3.15vw, 42px) !important;
  height: clamp(28px, 3.15vw, 42px) !important;
  min-width: 28px !important;
  min-height: 28px !important;
}
#gameView.playing-board .point {
  width: 5.25% !important;
  height: 37.4% !important;
}
#gameView.playing-board .point.top { top: 8.9% !important; }
#gameView.playing-board .point.bottom { top: 53.0% !important; }
@media (max-height: 720px) {
  #gameView.playing-board { grid-template-rows: 60px minmax(0, 1fr) 62px !important; }
  #gameView.playing-board .premium-topbar { height: 60px !important; }
  #gameView.playing-board .bottom-console { height: 62px !important; min-height: 62px !important; }
  #gameView.playing-board #board.board {
    width: min(100%, calc((100vh - 130px) * 1.624)) !important;
    max-height: calc(100vh - 136px) !important;
  }
}


/* AYRIL BUTONU VE ONAY PENCERESI - Dinamik modern tasarim */
.leave-game-button {
  display: none;
  position: fixed;
  top: 104px;
  right: 38px;
  z-index: 10050;
  pointer-events: auto !important;
  user-select: none;
  align-items: center;
  gap: 12px;
  min-width: 126px;
  height: 58px;
  padding: 0 18px;
  border: 1px solid rgba(255, 210, 102, .55);
  border-radius: 12px;
  color: #ffe28a;
  font-weight: 900;
  letter-spacing: .8px;
  background: linear-gradient(135deg, rgba(83, 10, 18, .96), rgba(8, 32, 25, .98));
  box-shadow: 0 14px 32px rgba(0,0,0,.44), inset 0 0 0 1px rgba(255,255,255,.08), 0 0 22px rgba(212, 48, 65, .28);
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
#gameView.playing-board .leave-game-button { display: inline-flex; }
.leave-game-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 18px 38px rgba(0,0,0,.5), 0 0 28px rgba(255, 54, 76, .36);
}
.leave-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: #ff6674;
  border: 1px solid rgba(255, 76, 95, .7);
  background: rgba(255, 45, 67, .12);
  font-size: 22px;
  line-height: 1;
}
.leave-confirm-backdrop {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 200;
  padding: 24px;
  background: rgba(0, 13, 9, .52);
  backdrop-filter: blur(6px);
}
.leave-confirm-backdrop.hidden { display: none !important; }
.leave-confirm-card {
  width: min(560px, 94vw);
  padding: 34px 38px 32px;
  text-align: center;
  border: 1px solid rgba(255, 190, 67, .86);
  border-radius: 18px;
  color: #fff;
  background: radial-gradient(circle at 50% 0%, rgba(11, 73, 51, .98), rgba(2, 23, 17, .98) 62%);
  box-shadow: 0 28px 90px rgba(0,0,0,.72), inset 0 0 0 1px rgba(255,255,255,.05);
  animation: leavePop .18s ease-out;
}
.leave-warning-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 4px solid #f2ad36;
  color: #ffc957;
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
}
.leave-confirm-card h3 {
  margin: 0 0 12px;
  font-size: clamp(22px, 2.8vw, 30px);
  font-weight: 1000;
  text-shadow: 0 2px 12px rgba(0,0,0,.48);
}
.leave-confirm-card p {
  margin: 0 0 26px;
  color: rgba(255,255,255,.78);
  font-size: 18px;
}
.leave-confirm-actions {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}
.leave-cancel-button,
.leave-accept-button {
  min-width: 170px;
  height: 58px;
  border-radius: 13px;
  font-weight: 1000;
  font-size: 17px;
  color: #fff;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease;
}
.leave-cancel-button {
  border: 1px solid rgba(255,255,255,.20);
  background: linear-gradient(180deg, rgba(47, 60, 58, .95), rgba(22, 35, 33, .96));
}
.leave-accept-button {
  border: 1px solid rgba(255, 87, 101, .75);
  background: linear-gradient(180deg, #d64856, #971f2f);
  box-shadow: 0 14px 30px rgba(173, 30, 47, .35);
}
.leave-cancel-button:hover,
.leave-accept-button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.leave-accept-button:disabled { opacity: .55; cursor: wait; }
@keyframes leavePop { from { transform: translateY(10px) scale(.96); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
@media (max-width: 1100px) {
  .leave-game-button { top: 86px; right: 18px; height: 48px; min-width: 106px; padding: 0 12px; }
  .leave-icon { width: 25px; height: 25px; }
}

/* Ayrıl butonu tıklama garanti düzeltmesi */
#leaveGameButton, #leaveGameButton * { pointer-events: auto !important; }
#leaveGameButton { z-index: 10050 !important; }
.leave-confirm-backdrop { z-index: 20000 !important; }

/* Yatırım IBANı ve 120 sn sayaç */
.deposit-countdown{display:flex;align-items:center;gap:10px;width:max-content;min-width:150px;margin:12px 0 14px;padding:10px 16px;border:1px solid rgba(255,205,86,.55);border-radius:18px;background:linear-gradient(135deg,rgba(255,205,86,.18),rgba(0,80,50,.35));box-shadow:0 10px 30px rgba(0,0,0,.25), inset 0 0 18px rgba(255,205,86,.08)}
.deposit-countdown span{font-weight:800;color:#e8f6ee;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.deposit-countdown strong{font-size:30px;color:#ffdf79;text-shadow:0 0 12px rgba(255,205,86,.45)}.deposit-countdown em{font-style:normal;color:#fff;font-weight:900}
.deposit-accounts{display:grid;gap:10px;margin:10px 0 14px}.deposit-account{display:grid;grid-template-columns:20px minmax(145px,1fr) 1.45fr;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(255,205,86,.35);border-radius:16px;background:linear-gradient(135deg,rgba(3,47,33,.92),rgba(7,73,49,.82));box-shadow:inset 0 0 18px rgba(255,255,255,.03);cursor:pointer;transition:.18s ease}.deposit-account:hover,.deposit-account.selected{border-color:#ffcf55;transform:translateY(-1px);box-shadow:0 0 0 2px rgba(255,207,85,.12),0 12px 24px rgba(0,0,0,.28)}.deposit-account input{accent-color:#ffcf55}.deposit-account b{display:block;color:#fff;font-size:15px}.deposit-account small{display:block;color:#bdcfc5;margin-top:2px}.deposit-account strong{color:#ffdf79;word-break:break-word;font-size:14px}.deposit-account.warning{grid-template-columns:1fr;cursor:default;border-color:#d64d4d;background:rgba(80,10,10,.28)}
.success-modal{text-align:center;padding:8px 6px 4px}.success-icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 14px;border:2px solid #34d96b;border-radius:50%;font-size:42px;color:#34d96b;box-shadow:0 0 28px rgba(52,217,107,.35)}.success-modal h2{margin:0 0 8px;color:#ffdf79}.success-modal p{color:#dceee5;margin-bottom:18px}


/* Investment IBAN copy button fix */
.deposit-account{grid-template-columns:20px minmax(145px,1fr) minmax(220px,1.5fr)!important;}
.deposit-account-iban{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.deposit-account-iban strong{flex:1;min-width:0;}
.copy-iban-btn{border:1px solid rgba(255,205,86,.72);border-radius:12px;background:linear-gradient(135deg,rgba(132,31,38,.92),rgba(19,72,52,.92));color:#ffe39a;font-weight:900;font-size:12px;letter-spacing:.2px;padding:9px 13px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 8px 18px rgba(0,0,0,.24);white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.copy-iban-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(255,207,85,.14),0 12px 22px rgba(0,0,0,.32);background:linear-gradient(135deg,rgba(173,44,49,.96),rgba(24,101,69,.96));}
.copy-iban-btn.copied{background:linear-gradient(135deg,rgba(17,143,91,.96),rgba(255,196,64,.78));color:#061f17;}
@media(max-width:720px){.deposit-account{grid-template-columns:20px 1fr!important;}.deposit-account-iban{grid-column:2;align-items:flex-start;flex-direction:column;}.copy-iban-btn{width:100%;}}


/* İsim Soyisim + IBAN ayrı kopyala butonları */
.deposit-account-info{min-width:0;}
.deposit-name-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
.deposit-name-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.copy-finance-btn{border:1px solid rgba(255,205,86,.72);border-radius:12px;background:linear-gradient(135deg,rgba(132,31,38,.92),rgba(19,72,52,.92));color:#ffe39a;font-weight:900;font-size:12px;letter-spacing:.2px;padding:9px 13px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 8px 18px rgba(0,0,0,.24);white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.copy-finance-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(255,207,85,.14),0 12px 22px rgba(0,0,0,.32);background:linear-gradient(135deg,rgba(173,44,49,.96),rgba(24,101,69,.96));}
.copy-finance-btn.copied{background:linear-gradient(135deg,rgba(17,143,91,.96),rgba(255,196,64,.78));color:#061f17;}
.copy-name-btn{padding:7px 10px;font-size:11px;border-radius:10px;}
@media(max-width:720px){.deposit-name-line{align-items:flex-start;flex-direction:column}.copy-name-btn{width:100%;}.deposit-account-iban{grid-column:2;align-items:flex-start;flex-direction:column;}.copy-finance-btn{width:100%;}}

.cooldown-modal{text-align:center;padding:6px 8px 2px;}
.cooldown-ring{width:132px;height:132px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(255,222,125,.16),rgba(8,55,38,.72));border:2px solid rgba(255,211,86,.86);box-shadow:0 0 0 8px rgba(255,205,86,.08),0 0 34px rgba(255,205,86,.25),inset 0 0 24px rgba(0,0,0,.28);animation:cooldownPulse 1.4s ease-in-out infinite;}
.cooldown-ring span{color:#ffdf79;font-size:34px;font-weight:1000;letter-spacing:1px;text-shadow:0 0 16px rgba(255,205,86,.52);}
.cooldown-modal h2{margin:0 0 10px;color:#ffdf79;font-size:24px;}
.cooldown-modal p{max-width:470px;margin:0 auto 16px;color:#dceee5;line-height:1.45;}
.cooldown-info{display:inline-flex;align-items:center;gap:10px;margin:0 auto 18px;padding:10px 18px;border:1px solid rgba(255,205,86,.44);border-radius:16px;background:rgba(0,0,0,.18);color:#eaf8f0;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px;}
.cooldown-info strong{font-size:22px;color:#ffdf79;text-transform:none;letter-spacing:1px;}
@keyframes cooldownPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 8px rgba(255,205,86,.08),0 0 34px rgba(255,205,86,.25),inset 0 0 24px rgba(0,0,0,.28)}50%{transform:scale(1.025);box-shadow:0 0 0 12px rgba(255,205,86,.12),0 0 42px rgba(255,205,86,.36),inset 0 0 28px rgba(0,0,0,.24)}}


/* Hesabım: şifre değiştir + yatırım/çekim geçmişi */
.account-tabs{display:flex;gap:10px;margin:0 0 18px;padding:6px;border:1px solid rgba(255,210,70,.35);border-radius:16px;background:rgba(0,22,15,.45)}
.account-tab{flex:1;border:1px solid rgba(255,226,138,.25);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.06);color:#dceee5;font-weight:900;cursor:pointer;transition:.2s ease}
.account-tab.active,.account-tab:hover{background:linear-gradient(180deg,#2ab47d,#116447);color:#fff7c7;border-color:#ffd24a;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.account-panel{display:none}.account-panel.active{display:block}
.account-history-loading{padding:28px;text-align:center;color:#dceee5;border:1px dashed rgba(255,226,138,.35);border-radius:14px}
.account-history-head{display:grid;gap:5px;margin-bottom:12px}.account-history-head strong{color:#ffdf79;font-size:20px}.account-history-head span{color:#d7e2d6;font-size:13px}
.account-history-table-wrap{overflow:auto;max-height:360px;border:1px solid rgba(255,210,70,.28);border-radius:14px;background:rgba(0,20,14,.45)}
.account-history-table{width:100%;border-collapse:collapse;min-width:620px}.account-history-table th,.account-history-table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-weight:800;color:#f4fff8}.account-history-table th{color:#ffdf79;background:rgba(255,210,70,.08)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:1000;border:1px solid rgba(255,255,255,.16)}
.status-pill.pending{background:rgba(255,210,70,.14);color:#ffdf79;border-color:rgba(255,210,70,.5)}
.status-pill.approved{background:rgba(40,220,110,.16);color:#65ff9a;border-color:rgba(40,220,110,.45)}
.status-pill.rejected{background:rgba(255,70,70,.16);color:#ff9d9d;border-color:rgba(255,70,70,.5)}
.empty-history{text-align:center!important;color:#dceee5!important;padding:24px!important}

/* Uygun yatırım yöntemi yok uyarısı */
.deposit-account.no-method{
  justify-content:center;
  text-align:center;
  min-height:110px;
  border-style:dashed;
  border-color:rgba(255,211,95,.75);
  background:linear-gradient(135deg, rgba(255,211,95,.08), rgba(5,45,30,.55));
}
.deposit-account.no-method b{
  display:block;
  color:#ffe38a;
  font-size:18px;
  letter-spacing:.2px;
  margin-bottom:6px;
}
.deposit-account.no-method small{
  display:block;
  color:rgba(255,255,255,.82);
  font-size:13px;
}

.history-red-note{display:inline-block;max-width:260px;padding:6px 9px;border:1px solid rgba(255,88,100,.38);border-radius:10px;background:rgba(255,88,100,.10);color:#ffd1d5;font-weight:900;line-height:1.25}
.account-history-table th:last-child,.account-history-table td:last-child{min-width:150px}


/* PRO CLICK FIX: pul tıklaması kesin algılansın ve taşlar buton üstünde kalsın */
#gameView .checker { pointer-events: auto !important; touch-action: manipulation !important; }
#gameView .point { cursor: pointer !important; touch-action: manipulation !important; }
#gameView .point.playable-source { box-shadow: 0 0 0 2px rgba(48,224,120,.65) inset, 0 0 18px rgba(48,224,120,.30) !important; border-radius: 14px !important; }


/* PIXI + GSAP PROFESYONEL OYUN ALANI */
.board.pro-pixi-board{position:relative;overflow:hidden;min-height:520px;width:min(76vw,960px);height:min(58vh,560px);background:radial-gradient(circle at 50% 30%,#1b140b,#020403 72%);border:2px solid rgba(255,198,64,.65);box-shadow:0 28px 80px rgba(0,0,0,.75),inset 0 0 0 8px rgba(0,0,0,.45);border-radius:18px;margin:auto;}
.pro-board-canvas{position:absolute;inset:0;display:block;touch-action:none;}
.pro-hit-zones{position:absolute;inset:7% 4% 8% 4%;pointer-events:none;}
.pro-point-zone{position:absolute;width:5.6%;border:0;background:transparent;pointer-events:auto;cursor:pointer;border-radius:14px;transition:.18s ease;}
.pro-point-zone:hover{background:rgba(255,221,111,.13);box-shadow:inset 0 0 0 1px rgba(255,217,91,.45)}
.pro-point-zone.legal{background:rgba(49,226,122,.13);box-shadow:0 0 18px rgba(49,226,122,.34),inset 0 0 0 2px rgba(49,226,122,.65)}
.pro-point-zone.selected{background:rgba(255,211,87,.18);box-shadow:0 0 24px rgba(255,211,87,.52),inset 0 0 0 2px #ffd357}
.pro-roll-card{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);min-width:320px;max-width:70%;padding:12px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(37,37,37,.94),rgba(12,12,12,.96));border:1px solid rgba(255,218,106,.44);box-shadow:0 16px 38px rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;z-index:4;}
.pro-roll-card b{font-size:15px;letter-spacing:.08em;color:#fff}.pro-roll-card span{font-size:12px;color:#e4d5a8}.pro-roll-card button{border:1px solid #ffd76b;background:linear-gradient(180deg,#f5c95b,#93641e);color:#111;font-weight:900;border-radius:10px;padding:9px 16px;cursor:pointer}.pro-roll-card button:disabled{opacity:.45;cursor:not-allowed}
.playing-board .board-shell{justify-content:center;align-items:center}.playing-board .home-lane{display:none!important}.playing-board .right-roll-controls{display:none!important}.playing-board .match-strip{display:none!important}
@media (max-width:900px){.board.pro-pixi-board{width:96vw;height:58vh;min-height:390px}.pro-roll-card{min-width:260px;bottom:8px;padding:9px 12px}.pro-roll-card span{display:none}}

/* Codex premium reference board upgrade */
#gameView.playing-board {
  grid-template-rows: 60px minmax(0, 1fr) 78px;
  background:
    radial-gradient(circle at 50% -8%, rgba(24, 188, 102, .28), transparent 35%),
    linear-gradient(180deg, #00150f 0%, #000b08 100%);
}
#gameView.playing-board .premium-topbar {
  height: 60px;
  grid-template-columns: 170px minmax(430px, 1fr) 170px 38px 38px 70px;
  padding: 5px 12px;
}
#gameView.playing-board .premium-brand .top-brand-logo { width: 44px; height: 44px; }
#gameView.playing-board .brand-copy strong { font-size: 20px; }
#gameView.playing-board .premium-nav { height: 48px; grid-template-columns: 96px repeat(5, minmax(82px, 1fr)); }
#gameView.playing-board .nav-pill { height: 48px; font-size: 11px; }
#gameView.playing-board .premium-account { transform: scale(.92); transform-origin: right center; }
#gameView.playing-board .game-table {
  padding: 0 10px 0;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
}
#gameView.playing-board #lobbyScreen {
  display: none !important;
}
#gameView.playing-board #boardStage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 152px;
  gap: 10px;
  min-height: 0;
  height: 100%;
  padding: 0;
  align-items: stretch;
  overflow: hidden;
}
#gameView.playing-board .live-match {
  min-height: 0;
  display: grid !important;
  grid-template-rows: 34px minmax(0, 1fr);
  gap: 4px;
  grid-column: 1;
}
#gameView.playing-board .match-strip {
  height: 34px;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(214, 168, 69, .74);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(4, 29, 20, .94), rgba(2, 15, 11, .96));
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}
#gameView.playing-board .match-strip h2 {
  margin: 0;
  color: #ffdc75;
  font-size: 13px;
  line-height: 1;
}
#gameView.playing-board .turn-line,
#gameView.playing-board #selectionLine {
  display: inline;
  margin: 0 12px 0 0;
  color: #edf8ed;
  font-size: 12px;
  line-height: 1;
}
#gameView.playing-board .dicebar {
  gap: 6px;
  flex-wrap: nowrap;
}
#gameView.playing-board .dicebar .small {
  min-height: 26px;
  height: 26px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 11px;
}
#gameView.playing-board .board-shell {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: 0 minmax(620px, 1fr) 0;
  gap: 0;
  align-items: stretch;
}
#gameView.playing-board .home-lane,
#gameView.playing-board .right-roll-controls,
#gameView.playing-board .leave-game-button {
  display: none !important;
}
#gameView .board.reference-board {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  touch-action: manipulation;
}
#gameView .board.reference-board::before,
#gameView .board.reference-board::after { content: none; }
.pro-board-canvas {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transform: translateZ(0);
  will-change: transform, filter;
}
.pro-hit-zones {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.pro-point-zone {
  position: absolute;
  width: 5.25%;
  border: 0;
  border-radius: 10px;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
}
.pro-point-zone.legal {
  background: radial-gradient(circle at 50% 68%, rgba(33, 243, 133, .32), rgba(33, 243, 133, .07) 52%, transparent 74%);
  box-shadow: inset 0 0 0 2px rgba(41, 238, 135, .42), 0 0 28px rgba(35, 230, 126, .33);
  animation: legalTargetPulse 1.15s ease-in-out infinite;
}
.pro-point-zone.selected {
  box-shadow: inset 0 0 0 3px rgba(255, 217, 107, .85), 0 0 24px rgba(255, 205, 73, .42);
}
.pro-roll-card {
  position: absolute;
  left: 50%;
  bottom: 5.5%;
  z-index: 5;
  transform: translateX(-50%);
  min-width: min(430px, 52%);
  min-height: 48px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid rgba(234, 184, 75, .78);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(4, 21, 15, .93), rgba(1, 10, 8, .96));
  color: #fff5c9;
  box-shadow: 0 14px 28px rgba(0,0,0,.42), inset 0 0 18px rgba(215, 160, 52, .08);
}
.pro-roll-card b { color: #fff; font-size: 13px; text-transform: uppercase; }
.pro-roll-card span { color: #e5d5a3; font-size: 12px; }
.pro-roll-card button {
  grid-row: 1 / 3;
  min-height: 32px;
  padding: 0 18px;
  border: 1px solid rgba(255, 216, 108, .86);
  border-radius: 8px;
  background: linear-gradient(#f5cc66, #9c651b);
  color: #211306;
  font-weight: 900;
  cursor: pointer;
}
.reference-side-panel {
  grid-column: 2;
  min-width: 0;
  display: grid;
  grid-template-rows: 42px 1fr 1fr 1fr 1fr;
  gap: 10px;
  padding: 6px 0 6px 0;
}
.reference-side-panel section,
.reference-side-panel .panel-leave {
  border: 1px solid rgba(35, 166, 95, .56);
  border-radius: 8px;
  background: rgba(2, 27, 19, .82);
  box-shadow: inset 0 0 18px rgba(44, 171, 103, .08), 0 8px 20px rgba(0,0,0,.24);
}
.reference-side-panel .panel-leave {
  border-color: rgba(236, 64, 51, .75);
  background: linear-gradient(180deg, #7d1718, #42100f);
  color: #ffe7a7;
  font-weight: 900;
  cursor: pointer;
}
.reference-side-panel section {
  padding: 10px;
  min-height: 0;
  color: #e9f8ee;
}
.reference-side-panel h3 {
  margin: 0 0 8px;
  color: #ffd564;
  font-size: 12px;
  text-align: center;
}
.avatar-line { display: grid; grid-template-columns: 34px 1fr; gap: 8px; align-items: center; min-width: 0; }
.avatar-line b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.avatar-dot { width: 32px; height: 32px; border-radius: 50%; background: radial-gradient(circle at 50% 38%, #8f48df 0 12px, #261533 13px 100%); border: 2px solid #e5ba45; }
.avatar-dot.bot { background: radial-gradient(circle at 50% 38%, #a3b7c9 0 8px, #263644 9px 100%); }
.reference-side-panel p { margin: 7px 0 0; color: #ffe083; font-size: 12px; text-align: center; }
.reference-side-panel dl { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; margin: 0; font-size: 11px; }
.reference-side-panel dt { color: #dce9df; }
.reference-side-panel dd { margin: 0; color: #fff; font-weight: 900; }
.reference-side-panel label { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 7px 0; color: #e9f8ee; font-size: 11px; }
.reference-side-panel input { accent-color: #1ed47a; }
#gameView.playing-board .bottom-console {
  min-height: 78px;
  height: 78px;
  display: grid;
  grid-template-columns: repeat(7, minmax(88px, 1fr));
  gap: 10px;
  padding: 8px 14px;
  border-top: 1px solid rgba(190, 143, 45, .56);
  background: linear-gradient(180deg, rgba(2, 20, 14, .98), rgba(0, 10, 8, .98));
}
#gameView.playing-board .bottom-console::before,
#gameView.playing-board .bottom-console::after { content: none; }
#gameView.playing-board .player-card,
#gameView.playing-board .round-card,
#gameView.playing-board .chat-box {
  min-width: 0;
  min-height: 0;
  border-radius: 999px;
  border: 1px solid rgba(231, 182, 75, .62);
  background: rgba(0, 18, 13, .76);
  color: #ecf8ef;
}
#gameView.playing-board .player-card strong,
#gameView.playing-board .round-card strong,
#gameView.playing-board .chat-title { color: #ffd564; font-size: 11px; text-transform: uppercase; }
#gameView.playing-board .player-card span,
#gameView.playing-board .round-card span { font-size: 10px; }
#gameView.playing-board .chat-box { grid-column: span 2; border-radius: 10px; }
#gameView.playing-board .log { max-height: 44px; font-size: 10px; }
@keyframes legalTargetPulse { 50% { opacity: .62; transform: scale(.985); } }
.cinematic-board-pulse #board.reference-board { animation: boardFlash .7s ease both; }
@keyframes boardFlash { 35% { filter: brightness(1.25) saturate(1.15); } }
.checker.move-ghost {
  position: fixed;
  z-index: 1000;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 35% 28%, #fff1bb, #bc7c29 55%, #3d1b07 100%);
  border: 3px solid #f4cc6a;
  box-shadow: 0 22px 30px rgba(0,0,0,.45), 0 0 24px rgba(255,205,82,.38);
}
.checker.move-ghost.black { background: radial-gradient(circle at 35% 28%, #6b6b6b, #181818 55%, #000 100%); }
.move-badge,
.opponent-move-badge {
  position: fixed;
  z-index: 1001;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(3, 31, 21, .96);
  border: 1px solid rgba(244, 198, 84, .78);
  color: #ffe08a;
  font-size: 12px;
  font-weight: 900;
  pointer-events: none;
  transition: transform .65s ease, opacity .65s ease;
}
.move-landing { filter: drop-shadow(0 0 18px rgba(41, 238, 135, .65)); }
@media (max-width: 1180px) {
  #gameView.playing-board .premium-topbar { grid-template-columns: 1fr; height: auto; }
  #gameView.playing-board { grid-template-rows: auto minmax(0, 1fr) 76px; }
  #gameView.playing-board #boardStage { grid-template-columns: 1fr; }
  .reference-side-panel { display: none; }
  #gameView.playing-board .board-shell { grid-template-columns: minmax(0, 1fr); }
  .pro-roll-card { min-width: min(460px, 82%); }
}
@media (max-width: 760px) {
  #gameView.playing-board .match-strip { grid-template-columns: 1fr; height: auto; min-height: 44px; padding: 6px 10px; }
  #gameView.playing-board .dicebar { display: none; }
  #gameView.playing-board .bottom-console { display: none; }
  #gameView.playing-board { grid-template-rows: auto minmax(0, 1fr); }
  .pro-roll-card { bottom: 3%; grid-template-columns: 1fr; text-align: center; }
  .pro-roll-card button { grid-row: auto; }
}

/* FINAL reference-match layout and smoothness patch */
#gameView.playing-board{
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:56px minmax(0,1fr)!important;
  background:#000f0a!important;
}
#gameView.playing-board .premium-topbar{
  height:56px!important;
  min-height:56px!important;
  padding:4px 14px!important;
  grid-template-columns:180px minmax(520px,1fr) 172px 70px!important;
  gap:12px!important;
  border-bottom:1px solid rgba(218,172,69,.34)!important;
  background:linear-gradient(180deg,#04170f,#020c08)!important;
}
#gameView.playing-board .premium-brand{grid-template-columns:44px 1fr!important;grid-template-rows:25px 15px!important;gap:0 8px!important;}
#gameView.playing-board .premium-brand .top-brand-logo{width:42px!important;height:42px!important;border-radius:7px!important;}
#gameView.playing-board .brand-copy strong{font-size:18px!important;color:#ffd15d!important;}
#gameView.playing-board .brand-copy span{font-size:10px!important;letter-spacing:2.4px!important;color:#fff4d8!important;}
#gameView.playing-board .connection-line{display:none!important;}
#gameView.playing-board .premium-nav{height:48px!important;display:grid!important;grid-template-columns:126px repeat(4,minmax(88px,1fr))!important;gap:8px!important;}
#gameView.playing-board #rulesButton{display:none!important;}
#gameView.playing-board .nav-pill{height:48px!important;min-height:0!important;padding:0 10px!important;border-radius:8px 8px 0 0!important;font-size:11px!important;}
#gameView.playing-board .nav-pill small{display:none!important;}
#gameView.playing-board .premium-account{width:170px!important;grid-template-columns:52px 1fr!important;grid-template-rows:26px 18px!important;transform:none!important;}
#gameView.playing-board .top-user-box{width:50px!important;height:50px!important;}
#gameView.playing-board .top-balance-box{font-size:12px!important;}
#gameView.playing-board .top-icon{display:none!important;}
#gameView.playing-board .resign{height:32px!important;align-self:center!important;}
#gameView.playing-board .game-table{
  min-height:0!important;height:100%!important;padding:0!important;display:block!important;background:#00180f!important;overflow:hidden!important;
}
#gameView.playing-board #lobbyScreen,
#gameView.playing-board .lobby-screen,
#gameView.playing-board .lobby-main-grid,
#gameView.playing-board .lobby-header,
#gameView.playing-board .lobby-board-preview,
#gameView.playing-board .lobby-sidebar,
#gameView.playing-board .match-browser{display:none!important;}
#gameView.playing-board #boardStage.board-stage:not(.hidden){
  height:100%!important;min-height:0!important;padding:10px 14px 8px!important;display:grid!important;
  grid-template-columns:178px minmax(620px,1fr) 168px!important;
  grid-template-rows:minmax(360px,1fr) 246px!important;
  gap:10px!important;align-items:stretch!important;overflow:hidden!important;border:0!important;background:radial-gradient(circle at 50% 0,rgba(13,92,53,.32),transparent 42%),#00180f!important;
}
#gameView.playing-board #emptyGame{display:none!important;}
#gameView.playing-board #activeGame.live-match{
  grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-rows:0 minmax(0,1fr)!important;gap:0!important;min-height:0!important;overflow:visible!important;
}
#gameView.playing-board .match-strip{height:0!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
#gameView.playing-board .board-shell{height:100%!important;min-height:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;justify-content:stretch!important;overflow:visible!important;}
#gameView.playing-board #blackHome,
#gameView.playing-board #whiteHome,
#gameView.playing-board .right-roll-controls,
#gameView.playing-board .home-lane{display:none!important;}
#gameView.playing-board #board.board.reference-board,
#gameView.playing-board #board.board{
  width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:#030503!important;box-shadow:0 18px 40px rgba(0,0,0,.55)!important;overflow:hidden!important;position:relative!important;contain:layout paint style!important;transform:translateZ(0)!important;
}
#gameView.playing-board #board.board::before,
#gameView.playing-board #board.board::after{content:none!important;}
.pro-board-canvas{width:100%!important;height:100%!important;display:block!important;border-radius:8px!important;will-change:transform,filter!important;backface-visibility:hidden!important;}
.reference-left-panel{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-rows:86px 138px 112px minmax(0,1fr)!important;gap:10px!important;min-width:0!important;overflow:hidden!important;}
.reference-side-panel{grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-rows:42px 92px 92px 96px minmax(0,1fr)!important;gap:10px!important;min-width:0!important;padding:0!important;overflow:hidden!important;}
.reference-left-panel .mini-card,
.reference-side-panel section,
.reference-side-panel .panel-leave{border:1px solid rgba(220,174,69,.54)!important;border-radius:8px!important;background:rgba(2,28,18,.88)!important;box-shadow:inset 0 0 20px rgba(29,198,113,.08),0 8px 18px rgba(0,0,0,.26)!important;color:#edf8ef!important;min-width:0!important;}
.reference-left-panel .mini-card{padding:10px!important;}
.reference-left-panel h3,.reference-side-panel h3{margin:0 0 8px!important;color:#ffd15d!important;text-align:center!important;font-size:12px!important;font-weight:1000!important;letter-spacing:.04em!important;}
.reference-left-panel .turn{border-color:rgba(255,219,87,.86)!important;box-shadow:0 0 16px rgba(255,217,87,.24),inset 0 0 24px rgba(255,217,87,.08)!important;text-align:center!important;}
.reference-left-panel .turn p{margin:8px 0!important;font-size:11px!important;color:#f1efe2!important;line-height:1.35!important;}
.reference-left-panel .turn button{height:34px!important;min-height:0!important;width:112px!important;border-radius:8px!important;border:1px solid #ffdd75!important;background:linear-gradient(#ffd86c,#9e681b)!important;color:#211306!important;font-weight:1000!important;box-shadow:0 0 16px rgba(255,215,93,.35)!important;cursor:pointer!important;}
.reference-left-panel .last p{font-size:11px!important;line-height:1.55!important;color:#eaf6ed!important;margin:8px 0!important;}.reference-left-panel .last b{display:block!important;text-align:center!important;color:#cddbd0!important;font-size:11px!important;}
.avatar-line{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;}.avatar-line b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;color:#fff!important;}.avatar-dot{width:32px!important;height:32px!important;border-radius:50%!important;background:radial-gradient(circle at 50% 38%,#9148dc 0 12px,#241431 13px 100%)!important;border:2px solid #e4b946!important;box-shadow:0 0 14px rgba(228,185,70,.22)!important;}.avatar-dot.bot{background:radial-gradient(circle at 50% 38%,#a7bac8 0 8px,#253542 9px 100%)!important;}
.reference-left-panel p,.reference-side-panel p{margin:6px 0 0!important;color:#ffe083!important;font-size:12px!important;text-align:center!important;}.reference-side-panel .panel-leave{background:linear-gradient(180deg,#861919,#42100f)!important;color:#ffe7a7!important;font-weight:1000!important;cursor:pointer!important;}.reference-side-panel section{padding:10px!important;}.reference-side-panel dl{display:grid!important;grid-template-columns:1fr auto!important;gap:5px 8px!important;margin:0!important;font-size:10px!important;}.reference-side-panel dd{margin:0!important;color:#fff!important;font-weight:900!important;}.reference-side-panel dt{color:#dbe8df!important;}.reference-side-panel label{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:6px 0!important;font-size:10px!important;color:#eaf5ed!important;}.reference-side-panel input{accent-color:#22d47b!important;}
.pro-hit-zones{position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;}.pro-point-zone{position:absolute!important;width:5.05%!important;border:0!important;border-radius:10px!important;background:transparent!important;pointer-events:auto!important;cursor:pointer!important;}.pro-point-zone.legal{background:radial-gradient(circle at 50% 65%,rgba(35,238,128,.35),rgba(35,238,128,.08) 55%,transparent 74%)!important;box-shadow:inset 0 0 0 2px rgba(41,238,135,.45),0 0 24px rgba(35,230,126,.30)!important;animation:legalTargetPulse 1.1s ease-in-out infinite!important;}.pro-point-zone.selected{box-shadow:inset 0 0 0 3px rgba(255,217,107,.88),0 0 24px rgba(255,205,73,.42)!important;}
.pro-roll-card{position:absolute!important;left:50%!important;bottom:22px!important;z-index:20!important;transform:translateX(-50%)!important;min-width:min(440px,52%)!important;min-height:40px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:20px 18px!important;align-items:center!important;gap:0 10px!important;padding:8px 12px!important;border:1px solid rgba(234,184,75,.78)!important;border-radius:8px!important;background:rgba(4,17,12,.88)!important;color:#fff5c9!important;box-shadow:0 14px 28px rgba(0,0,0,.36),inset 0 0 18px rgba(215,160,52,.08)!important;}
.pro-roll-card button{grid-row:1/3!important;height:34px!important;min-height:0!important;border:1px solid rgba(255,216,108,.9)!important;border-radius:8px!important;background:linear-gradient(#ffd86c,#9e681b)!important;color:#211306!important;font-weight:1000!important;cursor:pointer!important;}.pro-roll-card b{font-size:13px!important;color:#fff!important;text-transform:uppercase!important;}.pro-roll-card span{font-size:11px!important;color:#e5d5a3!important;}
#gameView.playing-board .opening-roll-card,
#gameView.playing-board .opening-intro-overlay,
#gameView.playing-board .opening-intro-card{display:none!important;}
.reference-showcase{grid-column:1/4!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr 1.08fr 1fr!important;grid-template-rows:minmax(0,1fr) 50px!important;gap:10px!important;min-height:0!important;overflow:hidden!important;}
.reference-showcase article{position:relative!important;min-width:0!important;min-height:0!important;border:1px solid rgba(220,174,69,.68)!important;border-radius:8px!important;background:rgba(1,18,12,.90)!important;padding:22px 12px 10px!important;overflow:hidden!important;box-shadow:inset 0 0 22px rgba(25,180,100,.06)!important;}.reference-showcase article i{position:absolute!important;left:0!important;top:0!important;width:30px!important;height:30px!important;border-radius:0 0 16px 0!important;background:linear-gradient(#eac25a,#a87118)!important;color:#fff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-weight:1000!important;}.reference-showcase h3{margin:0 0 10px 24px!important;color:#f7f1d0!important;font-size:12px!important;letter-spacing:.04em!important;}.fake-table{height:142px!important;border:1px solid rgba(35,166,95,.35)!important;border-radius:6px!important;display:grid!important;grid-template-columns:1fr 64px!important;align-content:center!important;gap:6px!important;padding:10px!important;background:rgba(0,20,13,.65)!important;color:#eaf6ed!important;font-size:11px!important;}.fake-table b{border-radius:999px!important;background:#09864d!important;color:#fff!important;text-align:center!important;padding:4px 0!important;}.mini-board{height:145px!important;border-radius:6px!important;background:linear-gradient(135deg,#7b3c17,#1b0a03)!important;border:1px solid rgba(220,174,69,.42)!important;box-shadow:inset 0 0 0 7px rgba(0,0,0,.28)!important;}.reference-showcase small{display:block!important;text-align:center!important;color:#d9c679!important;font-size:9px!important;margin-top:5px!important;}.win-preview{height:145px!important;display:grid!important;place-items:center!important;border-radius:6px!important;background:linear-gradient(135deg,#7b3c17,#1b0a03)!important;border:1px solid rgba(220,174,69,.42)!important;color:#ffd15d!important;font-size:24px!important;font-weight:1000!important;text-shadow:0 0 18px rgba(255,212,92,.5)!important;}.reference-showcase nav{grid-column:1/4!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;align-items:center!important;}.reference-showcase nav span{height:44px!important;border:1px solid rgba(220,174,69,.48)!important;border-radius:999px!important;background:rgba(1,18,12,.85)!important;display:grid!important;place-items:center!important;text-align:center!important;color:#e9f5ed!important;font-size:9px!important;font-weight:800!important;padding:0 8px!important;}
#gameView.playing-board .bottom-console{display:none!important;}
.checker.move-ghost{will-change:transform,opacity!important;}
@keyframes legalTargetPulse{50%{opacity:.62;transform:scale(.985)}}
@media(max-width:1180px){#gameView.playing-board{grid-template-rows:auto minmax(0,1fr)!important}#gameView.playing-board .premium-topbar{grid-template-columns:1fr!important;height:auto!important}#gameView.playing-board .premium-nav{grid-template-columns:repeat(3,1fr)!important}#gameView.playing-board #boardStage.board-stage:not(.hidden){grid-template-columns:1fr!important;grid-template-rows:minmax(430px,1fr) 230px!important}.reference-left-panel,.reference-side-panel{display:none!important}.reference-showcase{grid-column:1!important;grid-template-columns:1fr!important}.reference-showcase article:nth-child(2),.reference-showcase article:nth-child(3),.reference-showcase nav{display:none!important}.pro-roll-card{min-width:min(440px,80%)!important}}
@media(max-width:760px){#gameView.playing-board #boardStage.board-stage:not(.hidden){padding:8px!important;grid-template-rows:minmax(390px,1fr)!important}.reference-showcase{display:none!important}.pro-roll-card{bottom:10px!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;text-align:center!important}.pro-roll-card button{grid-row:auto!important}}

/* DINAMIK FINAL STABILITY FIX - oyun acilinca orta alan bos kalmasin */
#gameView.playing-board #lobbyScreen{display:none!important;}
#gameView.playing-board .game-table{height:calc(100vh - 60px)!important;min-height:620px!important;display:block!important;padding:8px 14px!important;overflow:hidden!important;}
#gameView.playing-board #boardStage.board-stage:not(.hidden){display:grid!important;grid-template-columns:210px minmax(720px,1fr) 210px!important;grid-template-rows:minmax(430px,1fr) 190px!important;gap:12px!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important;}
#gameView.playing-board #activeGame.live-match:not(.hidden){display:grid!important;grid-column:2!important;grid-row:1!important;grid-template-rows:0 minmax(0,1fr)!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:visible!important;}
#gameView.playing-board #activeGame .match-strip{display:none!important;}
#gameView.playing-board .board-shell{display:grid!important;grid-template-columns:0 minmax(0,1fr) 0!important;grid-row:2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:visible!important;align-items:stretch!important;justify-items:stretch!important;}
#gameView.playing-board #board.board.reference-board,
#gameView.playing-board #board.board.pro-pixi-board{display:block!important;grid-column:2!important;width:100%!important;height:100%!important;min-width:0!important;min-height:430px!important;max-width:none!important;margin:0!important;position:relative!important;overflow:hidden!important;border-radius:14px!important;background:#1f1007!important;box-shadow:0 22px 70px rgba(0,0,0,.65),0 0 0 2px rgba(221,168,64,.55)!important;}
#gameView.playing-board #board .pro-board-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:1!important;background:#351909!important;}
#gameView.playing-board #board .pro-hit-zones{z-index:5!important;}
#gameView.playing-board #board .pro-roll-card{z-index:10!important;}
#gameView.playing-board .reference-left-panel{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-rows:98px 154px 128px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;overflow:hidden!important;}
#gameView.playing-board .reference-side-panel{grid-column:3!important;grid-row:1!important;display:grid!important;grid-template-rows:52px 104px 104px 112px minmax(0,1fr)!important;gap:12px!important;min-height:0!important;overflow:hidden!important;}
#gameView.playing-board .reference-showcase{grid-column:1/4!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr 1.1fr 1fr!important;grid-template-rows:1fr!important;gap:12px!important;min-height:0!important;overflow:hidden!important;}
#gameView.playing-board .reference-showcase nav{display:none!important;}
@media(max-width:1180px){#gameView.playing-board .game-table{overflow:auto!important}#gameView.playing-board #boardStage.board-stage:not(.hidden){grid-template-columns:1fr!important;grid-template-rows:minmax(430px,1fr)!important}.reference-left-panel,.reference-side-panel,.reference-showcase{display:none!important}#gameView.playing-board #activeGame.live-match:not(.hidden){grid-column:1!important;grid-row:1!important}#gameView.playing-board #board.board.reference-board{min-height:430px!important}}

/* ============================================================
   DINAMIK FINAL ULTRA HD BOARD PATCH - larger, sharper, playable
   ============================================================ */
#gameView.playing-board .bottom-console,
#gameView.playing-board .reference-showcase{display:none!important;}
#gameView.playing-board .game-table{height:calc(100vh - 86px)!important;min-height:720px!important;overflow:hidden!important;}
#gameView.playing-board #boardStage.board-stage:not(.hidden){
  display:grid!important;
  grid-template-columns:220px minmax(920px,1fr) 220px!important;
  grid-template-rows:1fr!important;
  gap:14px!important;
  width:100%!important;height:100%!important;min-height:680px!important;
  padding:14px 18px!important;align-items:stretch!important;overflow:hidden!important;
}
#gameView.playing-board #activeGame.live-match:not(.hidden){grid-column:2!important;grid-row:1!important;display:block!important;min-height:680px!important;}
#gameView.playing-board .board-shell{height:100%!important;min-height:680px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#gameView.playing-board #board.board.reference-board{width:100%!important;height:100%!important;min-height:680px!important;border-radius:22px!important;background:#120704!important;box-shadow:0 25px 70px rgba(0,0,0,.75),0 0 0 2px rgba(255,211,101,.45),inset 0 0 45px rgba(255,191,74,.10)!important;}
#gameView.playing-board #board .pro-board-canvas{image-rendering:auto!important;transform:translateZ(0)!important;}
.pro-point-zone.source{background:radial-gradient(circle at 50% 70%,rgba(255,213,82,.22),rgba(255,213,82,.08) 48%,transparent 76%)!important;box-shadow:inset 0 0 0 1px rgba(255,215,106,.22)!important;}
.pro-point-zone.source:hover{background:radial-gradient(circle at 50% 70%,rgba(255,213,82,.36),rgba(255,213,82,.12) 54%,transparent 78%)!important;box-shadow:0 0 20px rgba(255,213,82,.28),inset 0 0 0 2px rgba(255,215,106,.50)!important;}
.pro-roll-card{z-index:8!important;}
.reference-left-panel,.reference-side-panel{height:100%!important;align-content:center!important;}
.reference-left-panel .mini-card,.reference-side-panel section{border-radius:18px!important;}
@media(max-width:1180px){
 #gameView.playing-board .game-table{overflow:auto!important;}
 #gameView.playing-board #boardStage.board-stage:not(.hidden){grid-template-columns:1fr!important;min-width:920px!important;}
 .reference-left-panel,.reference-side-panel{display:none!important;}
 #gameView.playing-board #activeGame.live-match:not(.hidden){grid-column:1!important;}
}


/* ============================================================
   CLASSIC INDEX BOARD POSITION FIX - tahta tam ortada acilsin
   ============================================================ */
#gameView.playing-board .game-table{
  height:calc(100vh - 64px)!important;
  min-height:560px!important;
  padding:0!important;
  overflow:hidden!important;
}
#gameView.playing-board #boardStage.board-stage:not(.hidden){
  position:relative!important;
  display:grid!important;
  grid-template-columns:210px minmax(700px,1fr) 210px!important;
  grid-template-rows:minmax(500px,1fr)!important;
  gap:10px!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
#gameView.playing-board #activeGame.live-match:not(.hidden){
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  overflow:visible!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
#gameView.playing-board #activeGame .match-strip{display:none!important;}
#gameView.playing-board #activeGame .board-shell{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#gameView.playing-board #board.board.classic-board-host{
  display:block!important;
  grid-template:none!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  gap:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  aspect-ratio:auto!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  overflow:hidden!important;
  background:#03140e!important;
}
#gameView.playing-board #board.board.classic-board-host::before,
#gameView.playing-board #board.board.classic-board-host::after{content:none!important;display:none!important;}
#gameView.playing-board #board.board.classic-board-host > .classic-board-embed{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
#gameView.playing-board .classic-side{top:8px!important;bottom:8px!important;}
#gameView.playing-board .classic-side.left{left:6px!important;}
#gameView.playing-board .classic-side.right{right:6px!important;}
@media(max-width:1180px){
  #gameView.playing-board #boardStage.board-stage:not(.hidden){
    grid-template-columns:1fr!important;
    min-width:0!important;
    overflow:auto!important;
  }
  #gameView.playing-board #activeGame.live-match:not(.hidden){grid-column:1!important;}
  #gameView.playing-board .classic-side{display:none!important;}
}

/* ============================================================
   LOBI UI PROFESYONEL HIZA FIX - 2026-06-27
   - Lobi alanı sağdaki oyuncu paneline kadar uzatıldı
   - Tablo satır/yazı hizaları düzeltildi
   - Üye/Aktif sayacı profesyonel chip görünümüne alındı
   - Logo kırpılmadan tam görünür hale getirildi
   ============================================================ */
#gameView .premium-topbar {
  grid-template-columns: 220px minmax(560px, 1fr) auto auto auto auto !important;
  padding: 0 10px !important;
}
#gameView .premium-brand {
  gap: 8px !important;
  align-items: center !important;
  overflow: visible !important;
}
#gameView .premium-brand .top-brand-logo {
  width: 58px !important;
  height: 46px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 8px !important;
  padding: 2px !important;
  background: radial-gradient(circle at 45% 45%, rgba(19,139,78,.45), rgba(2,45,30,.75)) !important;
  box-shadow: 0 0 18px rgba(30,205,126,.18) !important;
}
#gameView .brand-copy {
  display: grid !important;
  gap: 2px !important;
}
#gameView .brand-copy strong {
  font-size: 23px !important;
  line-height: .9 !important;
  white-space: nowrap !important;
}
#gameView .brand-copy span {
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
#gameView .premium-nav {
  gap: 8px !important;
  grid-template-columns: 154px repeat(4, minmax(96px, 1fr)) !important;
}
#gameView .nav-pill {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 3px 8px !important;
  text-align: center !important;
}
#gameView .lobby-nav-pill {
  position: relative !important;
  overflow: visible !important;
  min-width: 154px !important;
}
#gameView #lobbyStats {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 20px !important;
  min-width: 116px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(247,205,87,.88) !important;
  background: linear-gradient(180deg, rgba(13,96,61,.98), rgba(4,54,35,.98)) !important;
  color: #fff6bf !important;
  font-size: 11px !important;
  line-height: 20px !important;
  font-weight: 1000 !important;
  letter-spacing: .3px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 5px 12px rgba(0,0,0,.25) !important;
}
#gameView .lobby-screen.premium-reference {
  height: calc(100vh - 78px) !important;
  min-height: 0 !important;
  grid-template-rows: 126px minmax(0, 1fr) !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
#gameView .lobby-header {
  height: 126px !important;
  padding: 8px 18px !important;
  grid-template-columns: minmax(0, 1fr) 178px !important;
}
#gameView .lobby-ad {
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
}
#gameView .lobby-ad img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: radial-gradient(circle at 50% 45%, rgba(23,142,80,.36), rgba(4,55,35,.74)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.26), 0 0 18px rgba(31,206,125,.12) !important;
}
#gameView .lobby-ad em {
  align-items: center !important;
  height: 24px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #d7ac34, #f4ce64, #d0a028) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;
}
#gameView .lobby-ad strong {
  display: block !important;
  margin-top: 5px !important;
  font-size: clamp(28px, 2.5vw, 38px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-shadow: 0 4px 12px rgba(0,0,0,.35) !important;
}
#gameView .lobby-ad span { display: none !important; }
#gameView .lobby-main-grid {
  grid-template-columns: minmax(390px, 400px) minmax(560px, 1fr) 206px !important;
  gap: 4px !important;
  padding: 8px 6px 0 6px !important;
  align-items: stretch !important;
  min-height: 0 !important;
}
#gameView .lobby-left {
  min-height: 0 !important;
  height: 100% !important;
  grid-template-rows: 42px minmax(0, 1fr) 104px !important;
  border: 2px solid rgba(255, 34, 34, 0) !important;
}
#gameView .lobby-filter-bar,
#gameView .match-browser,
#gameView .premium-actions {
  width: 100% !important;
}
#gameView .premium-tabs {
  display: grid !important;
  grid-template-columns: .9fr .85fr .75fr 1.1fr 1.05fr !important;
  height: 42px !important;
  gap: 0 !important;
  overflow: hidden !important;
}
#gameView .lobby-tab {
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  border-radius: 0 !important;
  white-space: normal !important;
}
#gameView .match-browser {
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 6px !important;
}
#gameView .browser-head,
#gameView .lobby-table-list .table-row {
  grid-template-columns: 92px 80px 58px 62px 58px 48px !important;
  padding: 0 !important;
  align-items: center !important;
}
#gameView .browser-head {
  height: 34px !important;
  min-height: 34px !important;
}
#gameView .browser-head span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 0 4px !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  border-right: 1px solid rgba(255,255,255,.28) !important;
}
#gameView .lobby-table-list {
  height: calc(100% - 34px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
#gameView .lobby-table-list .table-row {
  height: 54px !important;
  min-height: 54px !important;
}
#gameView .lobby-table-list .cell {
  height: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 4px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  border-right: 1px solid rgba(255,255,255,.24) !important;
  overflow: hidden !important;
}
#gameView .player-name {
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 8px !important;
}
#gameView .player-name strong {
  font-size: 15px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
#gameView .spinner-dot {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin-right: 5px !important;
}
#gameView .coin-mini {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-right: 4px !important;
  font-size: 11px !important;
}
#gameView .status-chip {
  min-width: 54px !important;
  justify-content: center !important;
  padding: 5px 7px !important;
  font-size: 11px !important;
}
#gameView .watch-button {
  width: 45px !important;
  min-width: 45px !important;
  height: 30px !important;
  padding: 0 !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}
#gameView .lobby-board-preview {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 6px 8px !important;
  border: 1px solid rgba(219,176,64,.38) !important;
  background: radial-gradient(circle at 50% 48%, rgba(0,0,0,.10), rgba(0,0,0,.26) 72%, rgba(2,32,21,.55) 73%) !important;
}
#gameView .lobby-board-preview img {
  width: min(100%, 720px) !important;
  max-height: calc(100vh - 260px) !important;
  object-fit: contain !important;
}
#gameView .lobby-sidebar {
  width: 206px !important;
  min-width: 206px !important;
  grid-template-rows: 230px minmax(0, 1fr) !important;
  gap: 8px !important;
}
@media (max-width: 1320px) {
  #gameView .lobby-main-grid {
    grid-template-columns: 400px minmax(520px, 1fr) 206px !important;
  }
  #gameView .lobby-board-preview img { width: min(100%, 620px) !important; }
}

/* ============================================================
   LOBI CHAT + ALTTAKI BEKLEME YAZISI FIX
   Kullanici istegi: alt ortadaki "Oyun beklemede" alani gizlendi,
   sagdaki oyuncu bilgi/rating alani sohbet paneli olarak duzenlendi.
   ============================================================ */
#gameView:not(.playing-board) .bottom-console .player-card,
#gameView:not(.playing-board) .bottom-console .round-card,
#gameView:not(.playing-board) .bottom-console .chat-box {
  display: none !important;
}
#gameView:not(.playing-board) .bottom-console {
  height: 78px !important;
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) 74px 74px 74px !important;
  align-items: center !important;
  padding: 8px 16px !important;
  background: linear-gradient(90deg, rgba(3,49,33,.96), rgba(1,26,18,.98)) !important;
  border: 1px solid rgba(220,174,69,.44) !important;
  border-radius: 8px !important;
  margin: 6px 8px 8px !important;
  position: relative !important;
}
#gameView:not(.playing-board) .bottom-console::before {
  content: "DİNAMİK ONLINE TAVLA'YA HOŞ GELDİNİZ!\A Adil oyun, eğlence ve rekabet burada." !important;
  white-space: pre !important;
  display: block !important;
  color: #ffffff !important;
  font-weight: 1000 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  padding-left: 68px !important;
  text-align: left !important;
}
#gameView:not(.playing-board) .bottom-console::after {
  grid-column: 4 !important;
  width: 58px !important;
  height: 58px !important;
  justify-self: end !important;
}
#gameView .lobby-chat-sidebar {
  width: 206px !important;
  min-width: 206px !important;
  display: block !important;
  min-height: 0 !important;
}
#gameView .lobby-chat-panel {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 50px minmax(0, 1fr) 58px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  border: 1px solid rgba(15,179,102,.52) !important;
  background: linear-gradient(180deg, rgba(3,58,38,.96), rgba(1,28,20,.98)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 14px 28px rgba(0,0,0,.28) !important;
}
#gameView .lobby-chat-panel h3 {
  margin: 0 !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  color: #effff5 !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  background: linear-gradient(90deg, rgba(12,96,63,.96), rgba(3,59,39,.96)) !important;
  border-bottom: 1px solid rgba(33,189,114,.22) !important;
}
#gameView .lobby-chat-panel h3 i {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #dfffee !important;
  font-style: normal !important;
}
#gameView .lobby-chat-messages {
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 12px 12px 6px !important;
}
#gameView .lobby-chat-message {
  position: relative !important;
  padding: 0 0 12px !important;
  margin: 0 0 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
#gameView .lobby-chat-message strong {
  display: block !important;
  color: #46f39b !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  padding-right: 44px !important;
}
#gameView .lobby-chat-message.system strong { color: #ffd15b !important; }
#gameView .lobby-chat-message time {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 11px !important;
}
#gameView .lobby-chat-message span {
  display: block !important;
  margin-top: 5px !important;
  color: #f4fff8 !important;
  overflow-wrap: anywhere !important;
}
#gameView .lobby-chat-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-top: 1px solid rgba(33,189,114,.20) !important;
  background: rgba(0,20,14,.65) !important;
}
#gameView .lobby-chat-form input {
  min-width: 0 !important;
  height: 42px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126,255,177,.28) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  padding: 0 10px !important;
  outline: none !important;
}
#gameView .lobby-chat-form button {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(244,199,83,.75) !important;
  background: radial-gradient(circle at 40% 35%, #0b8d59, #013220) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
}
#gameView .premium-topbar { overflow: hidden !important; }
#gameView .premium-nav { height: 64px !important; align-items: stretch !important; }
#gameView .nav-pill {
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-rows: 22px 16px auto !important;
  align-content: center !important;
  justify-items: center !important;
  row-gap: 2px !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
}
#gameView .nav-pill .nav-icon { line-height: 22px !important; font-size: 19px !important; }
#gameView .nav-pill > span:not(.nav-icon) { line-height: 16px !important; display: block !important; }
#gameView .nav-pill small { line-height: 18px !important; }

/* === DINAMIK LOBI PREMIUM FINAL OVERRIDES === */
#gameView .premium-topbar{
  height:74px!important; min-height:74px!important; overflow:visible!important;
  display:grid!important; grid-template-columns:220px minmax(780px,1fr) 280px!important;
  align-items:center!important; gap:18px!important; padding:0 16px!important;
  border-bottom:1px solid rgba(246,196,85,.55)!important;
}
#gameView .premium-brand{height:64px!important; display:flex!important; align-items:center!important; overflow:visible!important;}
#gameView .premium-nav{height:64px!important; display:grid!important; grid-template-columns:repeat(4,minmax(135px,1fr))!important; gap:12px!important; align-items:center!important; overflow:visible!important;}
#gameView .nav-pill{
  height:58px!important; min-height:58px!important; padding:7px 14px!important; overflow:visible!important;
  border:1px solid rgba(246,196,85,.42)!important; border-radius:12px!important;
  background:linear-gradient(180deg,rgba(2,32,24,.95),rgba(3,58,38,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.32)!important;
  display:grid!important; grid-template-rows:20px 18px!important; align-content:center!important; justify-items:center!important; row-gap:4px!important;
}
#gameView .nav-pill:hover,#gameView .nav-pill.active{border-color:#f6c455!important; box-shadow:0 0 0 1px rgba(246,196,85,.28),0 14px 30px rgba(0,0,0,.38), inset 0 0 24px rgba(246,196,85,.08)!important;}
#gameView .nav-pill .nav-icon{font-size:18px!important; line-height:18px!important; color:#f6d477!important;}
#gameView .nav-pill>span:not(.nav-icon){font-size:15px!important; line-height:17px!important; letter-spacing:.3px!important; color:#fff!important; text-shadow:0 2px 5px #000!important;}
#gameView .lobby-nav-pill{grid-template-columns:1fr!important; grid-template-rows:20px 17px 20px!important; height:64px!important; min-height:64px!important; border-radius:10px!important;}
#gameView #lobbyStats{
  height:20px!important; width:100%!important; display:flex!important; gap:8px!important; align-items:center!important; justify-content:center!important;
  margin:0!important; padding:0 8px!important; border-radius:999px!important;
  border:1px solid rgba(246,196,85,.65)!important; background:rgba(0,45,30,.88)!important; overflow:hidden!important;
}
#gameView #lobbyStats .stat-chip{display:inline-flex!important; align-items:center!important; gap:4px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; color:#ffe58f!important; font-size:10px!important; font-weight:900!important;}
#gameView #lobbyStats .stat-chip small{font-size:10px!important; color:#ffe58f!important; font-weight:1000!important;}
#gameView #lobbyStats .stat-chip b{font-size:12px!important; color:#fff!important; font-weight:1000!important;}
#gameView #lobbyStats i{color:#39f488!important; font-style:normal!important; font-size:10px!important;}
#gameView .premium-user{height:64px!important; display:grid!important; grid-template-columns:70px 1fr 74px!important; align-items:center!important; gap:12px!important; overflow:visible!important;}

#gameView .lobby-screen{padding:14px 16px 10px!important; overflow:hidden!important;}
#gameView .lobby-header{height:104px!important; min-height:104px!important; display:grid!important; grid-template-columns:1fr 180px!important; align-items:center!important; gap:18px!important;}
#gameView .lobby-main-grid{
  display:grid!important; grid-template-columns:minmax(420px,540px) minmax(520px,1fr) minmax(280px,340px)!important;
  gap:14px!important; align-items:stretch!important; height:330px!important; max-height:330px!important;
  border:1px solid rgba(246,196,85,.45)!important; border-radius:8px!important; padding:8px!important;
  background:linear-gradient(90deg,rgba(0,25,18,.45),rgba(3,45,31,.25))!important;
}
#gameView .lobby-left{height:100%!important; min-width:0!important; border:1px solid rgba(246,196,85,.5)!important; border-radius:8px!important; background:rgba(0,35,24,.72)!important; overflow:hidden!important;}
#gameView .lobby-board-preview{height:100%!important; min-height:0!important; border:1px solid rgba(246,196,85,.5)!important; border-radius:4px!important; overflow:hidden!important; background:rgba(0,20,14,.56)!important; display:flex!important; align-items:center!important; justify-content:center!important;}
#gameView .lobby-board-preview img{width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))!important;}
#gameView .lobby-chat-sidebar{height:100%!important; min-height:0!important;}
#gameView .lobby-chat-panel{height:100%!important; min-height:0!important; border:1px solid rgba(246,196,85,.5)!important; border-radius:8px!important; display:grid!important; grid-template-rows:52px minmax(0,1fr) 52px!important; background:linear-gradient(180deg,rgba(3,65,42,.95),rgba(0,28,20,.95))!important; overflow:hidden!important;}
#gameView .lobby-chat-panel h3{height:52px!important; margin:0!important; padding:0 14px!important; display:flex!important; align-items:center!important; gap:10px!important; border-bottom:1px solid rgba(246,196,85,.25)!important;}
#gameView .lobby-chat-panel h3::after{content:'Kullanıcı: ' attr(data-user); margin-left:auto; font-size:11px; color:#d9fbe6; opacity:.9;}
#gameView .lobby-chat-messages{min-height:0!important; overflow-y:auto!important; padding:10px 12px!important;}
#gameView .lobby-chat-form{height:52px!important; padding:6px 10px!important; grid-template-columns:minmax(0,1fr) 42px!important;}
#gameView .lobby-chat-form input{height:40px!important;}
#gameView .lobby-chat-form button{height:40px!important; width:42px!important; border-radius:8px!important;}

#gameView .lobby-tabs{height:42px!important; display:grid!important; grid-template-columns:repeat(5,1fr)!important; overflow:hidden!important;}
#gameView .lobby-tab{font-size:11px!important; padding:0 4px!important; white-space:normal!important; line-height:1.05!important;}
#gameView .browser-head,#gameView .lobby-table-list .table-row{grid-template-columns:1.2fr 1fr .7fr .65fr .7fr .62fr!important;}
#gameView .browser-head span{font-size:12px!important; text-align:center!important; white-space:nowrap!important;}
#gameView .lobby-table-list .cell{font-size:13px!important; text-align:center!important; display:flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; overflow:hidden!important;}
#gameView .lobby-table-list .player-name{justify-content:flex-start!important; padding-left:8px!important; text-align:left!important;}
#gameView .lobby-table-list .stake-cell{gap:0!important; color:#ffe48b!important;}
#gameView .lobby-table-list .stake-cell .coin-mini{display:none!important;}
#gameView .lobby-table-list .stake-cell strong{font-size:14px!important; color:#ffe48b!important; white-space:nowrap!important;}
#gameView .lobby-actions{padding:8px!important;}
#gameView .create-match{height:40px!important; min-height:40px!important;}
#gameView .premium-footer{margin:10px 0 0!important; height:78px!important; min-height:78px!important; border-radius:8px!important;}

@media(max-width:1200px){
  #gameView .premium-topbar{grid-template-columns:180px 1fr 220px!important; gap:10px!important; padding:0 10px!important;}
  #gameView .premium-nav{grid-template-columns:154px repeat(4,minmax(95px,1fr))!important; gap:8px!important;}
  #gameView .nav-pill>span:not(.nav-icon){font-size:12px!important;}
  #gameView .lobby-main-grid{grid-template-columns:400px 1fr 300px!important; gap:8px!important; padding:6px!important;}
}

/* === FINAL MENU CERCEVE FIX: Yatirim/Cekim/Iletisim/Kurallar kutulari lobi karti gibi tam gorunsun === */
#gameView .premium-topbar{
  overflow: visible !important;
  align-items: center !important;
}
#gameView .premium-nav{
  height: 64px !important;
  min-height: 64px !important;
  overflow: visible !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#gameView .premium-nav .nav-pill{
  box-sizing: border-box !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 6px 12px 7px !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(246,196,85,.72) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(246,196,85,.12), transparent 52%),
    linear-gradient(180deg, rgba(4,49,35,.98) 0%, rgba(1,31,23,.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -14px 28px rgba(0,0,0,.18),
    0 0 0 1px rgba(0,0,0,.28),
    0 10px 22px rgba(0,0,0,.32) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  text-align: center !important;
  transform: none !important;
}
#gameView .premium-nav .nav-pill::before,
#gameView .premium-nav .nav-pill::after{
  display: none !important;
}
#gameView .premium-nav .nav-pill .nav-icon{
  display: block !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 18px !important;
  color: #f3c85d !important;
  text-shadow: 0 0 10px rgba(246,196,85,.25) !important;
  margin: 0 !important;
}
#gameView .premium-nav .nav-pill > span:not(.nav-icon){
  display: block !important;
  height: 18px !important;
  line-height: 18px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  letter-spacing: .35px !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.85) !important;
  margin: 0 !important;
}
#gameView .premium-nav .nav-pill:hover,
#gameView .premium-nav .nav-pill.active{
  border-color: #ffd15d !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,211,93,.18), transparent 55%),
    linear-gradient(180deg, rgba(6,61,42,.98), rgba(2,35,25,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(255,211,93,.18),
    0 0 18px rgba(255,211,93,.15),
    0 12px 24px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}
#gameView .premium-nav .lobby-nav-pill{
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  gap: 2px !important;
  padding: 5px 12px !important;
}
#gameView .premium-nav .lobby-nav-pill small#lobbyStats{
  flex: 0 0 auto !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  line-height: 20px !important;
  width: auto !important;
  min-width: 118px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,211,93,.72) !important;
  background: rgba(1,43,31,.92) !important;
  color: #fff3a7 !important;
  white-space: nowrap !important;
}
@media(max-width:1200px){
  #gameView .premium-nav .nav-pill{
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 5px 8px !important;
  }
  #gameView .premium-nav .nav-pill > span:not(.nav-icon){font-size:12px !important;}
}

/* === FINAL FIX: Ust menu tam cerceve / yarim gorunme duzeltmesi === */
#gameView .premium-topbar{
  height: 80px !important;
  padding: 8px 14px !important;
  overflow: visible !important;
  align-items: center !important;
  grid-template-columns: 220px minmax(600px, 1fr) 190px 40px 40px 72px !important;
}
#gameView .premium-nav{
  height: 64px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(118px, 1fr)) !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: visible !important;
  padding: 0 !important;
}
#gameView .nav-pill{
  height: 62px !important;
  min-height: 62px !important;
  padding: 6px 12px !important;
  border: 1.5px solid rgba(246, 195, 74, .78) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(4, 48, 33, .96), rgba(1, 25, 18, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.34) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: #fff7e2 !important;
}
#gameView .nav-pill .nav-icon{
  line-height: 1 !important;
  font-size: 16px !important;
  color: #ffd35e !important;
  margin: 0 !important;
}
#gameView .nav-pill span:not(.nav-icon){
  line-height: 1.05 !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  letter-spacing: .35px !important;
  text-shadow: 0 2px 2px #000 !important;
}
#gameView .nav-pill.active,
#gameView .nav-pill:hover{
  color: #ffd766 !important;
  border-color: rgba(255, 211, 91, .96) !important;
  background: linear-gradient(180deg, rgba(7, 69, 44, .98), rgba(2, 34, 24, .98)) !important;
  box-shadow: inset 0 -2px 0 rgba(255, 211, 91, .9), inset 0 1px 0 rgba(255,255,255,.1), 0 10px 22px rgba(0,0,0,.38) !important;
}
#gameView .lobby-nav-pill small{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 19px !important;
  padding: 1px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 213, 93, .85) !important;
  background: rgba(0, 42, 28, .9) !important;
  color: #fff3b9 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}
@media (max-width: 1400px){
  #gameView .premium-topbar{ grid-template-columns: 220px minmax(600px, 1fr) 180px 34px 34px 66px !important; }
  #gameView .premium-nav{ grid-template-columns: repeat(4, minmax(116px, 1fr)) !important; gap:10px !important; }
  #gameView .nav-pill{ height:60px !important; min-height:60px !important; }
}

/* === FINAL FIX: Uye/Aktif uye gostergesi yeni konum + gercek online veri icin sade premium gorunum === */
#gameView .premium-nav .lobby-nav-pill{
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 7px 12px !important;
  gap: 3px !important;
  overflow: hidden !important;
}
#gameView .premium-nav .lobby-nav-pill .nav-icon{
  height: 14px !important;
  line-height: 14px !important;
  font-size: 13px !important;
}
#gameView .premium-nav .lobby-nav-pill > span:not(.nav-icon){
  height: 17px !important;
  line-height: 17px !important;
  font-size: 15px !important;
}
#gameView .premium-nav .lobby-nav-pill small#lobbyStats,
#gameView #lobbyStats{
  position: static !important;
  transform: none !important;
  margin: 0 auto !important;
  width: auto !important;
  min-width: 142px !important;
  max-width: 178px !important;
  height: 21px !important;
  min-height: 21px !important;
  max-height: 21px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,213,93,.88) !important;
  background: linear-gradient(180deg, rgba(2,55,38,.98), rgba(0,30,22,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 5px 12px rgba(0,0,0,.25) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
#gameView #lobbyStats .stat-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  line-height: 19px !important;
}
#gameView #lobbyStats .stat-chip small{
  font-size: 11px !important;
  font-weight: 1000 !important;
  color: #ffe58f !important;
}
#gameView #lobbyStats .stat-chip b{
  font-size: 11px !important;
  font-weight: 1000 !important;
  color: #ffffff !important;
}
#gameView #lobbyStats i{
  color: #32f28b !important;
  font-size: 11px !important;
  font-style: normal !important;
  line-height: 19px !important;
}

/* === CANLI LOBI ISTATISTIK KARTI SOL ALAN FIX === */
#gameView .premium-nav .lobby-nav-pill small#lobbyStats{ display:none !important; }
#gameView .premium-nav .lobby-nav-pill{
  height:62px !important; min-height:62px !important; max-height:62px !important;
  grid-template-rows:22px 20px !important;
  padding:8px 14px !important;
}
#gameView .lobby-header{
  grid-template-columns: 220px minmax(0,1fr) 180px !important;
  gap: 18px !important;
}
#gameView .lobby-live-stats-card{
  width: 180px !important;
  height: 66px !important;
  align-self: center !important;
  justify-self: start !important;
  margin-left: 26px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,213,93,.82) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(255,213,93,.18), transparent 52%),
    linear-gradient(180deg, rgba(5,70,45,.96), rgba(0,35,24,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -16px 32px rgba(0,0,0,.20),
    0 0 0 1px rgba(0,0,0,.32),
    0 12px 26px rgba(0,0,0,.34),
    0 0 18px rgba(255,213,93,.10) !important;
  display: grid !important;
  grid-template-rows: 28px 1fr !important;
  align-items: center !important;
  overflow: hidden !important;
  position: relative !important;
}
#gameView .lobby-live-stats-card::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:12px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent) !important;
  transform: translateX(-70%) !important;
  opacity:.45 !important;
}
#gameView .live-stats-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  height:28px !important;
  color:#fff !important;
  font-weight:1000 !important;
  font-size:13px !important;
  letter-spacing:.35px !important;
  text-shadow:0 2px 6px rgba(0,0,0,.85) !important;
  border-bottom:1px solid rgba(255,213,93,.26) !important;
}
#gameView .live-stats-title i{
  width:9px !important; height:9px !important; border-radius:50% !important;
  background:#28ec86 !important;
  box-shadow:0 0 12px rgba(40,236,134,.75) !important;
}
#gameView .live-stats-values,
#gameView #lobbyStats.live-stats-values{
  position: static !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  width: calc(100% - 16px) !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,213,93,.75) !important;
  background: linear-gradient(180deg, rgba(0,48,32,.95), rgba(0,25,18,.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
#gameView #lobbyStats.live-stats-values .stat-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:22px !important;
}
#gameView #lobbyStats.live-stats-values .stat-chip small{
  font-size:10px !important;
  font-weight:1000 !important;
  color:#ffe58f !important;
}
#gameView #lobbyStats.live-stats-values .stat-chip b{
  font-size:13px !important;
  font-weight:1000 !important;
  color:#ffffff !important;
}
#gameView #lobbyStats.live-stats-values i{
  color:#28ec86 !important;
  font-style:normal !important;
  font-size:10px !important;
  line-height:22px !important;
}
@media(max-width:1200px){
  #gameView .lobby-header{ grid-template-columns: 190px minmax(0,1fr) 166px !important; gap:10px !important; }
  #gameView .lobby-live-stats-card{ width:168px !important; height:62px !important; margin-left:8px !important; }
}

/* === SON DÜZELTME: Üst menü ve canlı lobi yazıları tam görünür === */
#gameView .premium-topbar{
  height:86px !important;
  min-height:86px !important;
  padding:8px 14px !important;
  overflow:visible !important;
  z-index:50 !important;
}
#gameView .premium-nav{
  height:68px !important;
  min-height:68px !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(128px, 1fr)) !important;
  gap:12px !important;
  align-items:center !important;
  overflow:visible !important;
  transform:none !important;
}
#gameView .premium-nav .nav-pill,
#gameView .premium-nav button.nav-pill{
  position:relative !important;
  height:62px !important;
  min-height:62px !important;
  max-height:62px !important;
  padding:7px 10px 8px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  line-height:1 !important;
  text-indent:0 !important;
  color:#fff8df !important;
  border:1.5px solid rgba(246,196,85,.78) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg, rgba(5,58,39,.98), rgba(0,31,22,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 9px 18px rgba(0,0,0,.34) !important;
}
#gameView .premium-nav .nav-pill .nav-icon{
  display:block !important;
  height:18px !important;
  min-height:18px !important;
  line-height:18px !important;
  font-size:17px !important;
  margin:0 !important;
  color:#ffd35f !important;
  opacity:1 !important;
  transform:none !important;
}
#gameView .premium-nav .nav-pill > span:not(.nav-icon){
  display:block !important;
  height:18px !important;
  min-height:18px !important;
  line-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:1000 !important;
  letter-spacing:.35px !important;
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 2px 5px #000 !important;
  transform:none !important;
}
#gameView .premium-nav .nav-pill.active,
#gameView .premium-nav .nav-pill:hover{
  border-color:#ffd35f !important;
  color:#ffd35f !important;
  background:linear-gradient(180deg, rgba(8,72,47,.99), rgba(1,38,27,.99)) !important;
  box-shadow:inset 0 -2px 0 rgba(255,211,95,.86), inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.38) !important;
}

#gameView .lobby-header{
  min-height:102px !important;
  align-items:center !important;
  overflow:visible !important;
}
#gameView .lobby-live-stats-card{
  width:180px !important;
  min-width:180px !important;
  height:68px !important;
  min-height:68px !important;
  margin-left:26px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-rows:31px 37px !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border:1.5px solid rgba(255,213,93,.92) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(5,70,45,.98), rgba(0,35,24,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 12px 24px rgba(0,0,0,.36), 0 0 18px rgba(255,213,93,.12) !important;
}
#gameView .live-stats-title{
  height:31px !important;
  min-height:31px !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(255,213,93,.30) !important;
  color:#ffffff !important;
  font-size:14px !important;
  line-height:31px !important;
  font-weight:1000 !important;
  letter-spacing:.3px !important;
  white-space:nowrap !important;
  text-shadow:0 2px 6px #000 !important;
}
#gameView .live-stats-title i{
  flex:0 0 auto !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:#29ef87 !important;
  box-shadow:0 0 10px rgba(41,239,135,.85) !important;
}
#gameView .live-stats-title span{
  display:block !important;
  color:#ffffff !important;
  overflow:visible !important;
}
#gameView #lobbyStats.live-stats-values,
#gameView .lobby-live-stats-card #lobbyStats{
  position:relative !important;
  width:calc(100% - 18px) !important;
  min-width:0 !important;
  max-width:none !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  margin:6px auto 0 !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,213,93,.80) !important;
  border-radius:999px !important;
  background:rgba(0,43,30,.96) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  transform:none !important;
}
#gameView .lobby-live-stats-card #lobbyStats .stat-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:auto !important;
  height:22px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  line-height:22px !important;
}
#gameView .lobby-live-stats-card #lobbyStats .stat-chip small{
  display:inline !important;
  font-size:10px !important;
  line-height:22px !important;
  font-weight:1000 !important;
  color:#ffe894 !important;
}
#gameView .lobby-live-stats-card #lobbyStats .stat-chip b{
  display:inline !important;
  font-size:13px !important;
  line-height:22px !important;
  font-weight:1000 !important;
  color:#ffffff !important;
}
#gameView .lobby-live-stats-card #lobbyStats i{
  display:inline-block !important;
  font-size:10px !important;
  line-height:22px !important;
  font-style:normal !important;
  color:#28ef88 !important;
}
@media(max-width:1200px){
  #gameView .premium-nav{gap:8px !important; grid-template-columns:repeat(5, minmax(98px,1fr)) !important;}
  #gameView .premium-nav .nav-pill > span:not(.nav-icon){font-size:12px !important;}
  #gameView .lobby-live-stats-card{width:170px !important; min-width:170px !important; margin-left:8px !important;}
}

/* === FINAL FIX: Canli Lobi istatistik karti sol alana tasindi, yazilar tam gorunur === */
#gameView .connection-line{
  display:none !important;
}
#gameView .premium-nav .lobby-nav-pill #lobbyStats,
#gameView .premium-nav .lobby-nav-pill small,
#gameView .premium-nav .lobby-nav-pill .live-stats-values{
  display:none !important;
}
#gameView .lobby-header{
  grid-template-columns: 340px minmax(0, 1fr) 180px !important;
  min-height: 112px !important;
  align-items:center !important;
  gap:18px !important;
  overflow:visible !important;
}
#gameView .lobby-live-stats-card{
  width: 245px !important;
  min-width: 245px !important;
  height: 82px !important;
  min-height: 82px !important;
  margin-left: 42px !important;
  align-self:center !important;
  justify-self:start !important;
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1.6px solid rgba(255,213,93,.95) !important;
  background:
    radial-gradient(circle at 12% 5%, rgba(55,255,151,.18), transparent 34%),
    linear-gradient(180deg, rgba(6,80,51,.98), rgba(0,38,27,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 32px rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.38),
    0 13px 28px rgba(0,0,0,.34),
    0 0 22px rgba(255,213,93,.12) !important;
  display:grid !important;
  grid-template-rows: 30px 42px !important;
  box-sizing:border-box !important;
}
#gameView .lobby-live-stats-card::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:14px !important;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 42%, transparent 72%) !important;
  opacity:.48 !important;
}
#gameView .live-stats-title{
  height:30px !important;
  min-height:30px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  border-bottom:1px solid rgba(255,213,93,.25) !important;
  overflow:visible !important;
  white-space:nowrap !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:1000 !important;
  letter-spacing:.35px !important;
  line-height:30px !important;
  text-shadow:0 2px 6px rgba(0,0,0,.9) !important;
}
#gameView .live-stats-title span{
  display:inline-block !important;
  max-width:none !important;
  overflow:visible !important;
  color:#fff !important;
}
#gameView .live-stats-title i{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  border-radius:50% !important;
  background:#2cf28b !important;
  box-shadow:0 0 12px rgba(44,242,139,.85) !important;
}
#gameView #lobbyStats.live-stats-values,
#gameView .lobby-live-stats-card #lobbyStats{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:1fr 1px 1fr !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:10px !important;
  overflow:visible !important;
  white-space:normal !important;
  box-sizing:border-box !important;
}
#gameView #lobbyStats .live-stat-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:0 !important;
  overflow:visible !important;
}
#gameView #lobbyStats .live-stat-item small{
  display:block !important;
  color:#e9fff5 !important;
  font-size:10px !important;
  line-height:12px !important;
  font-weight:900 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
  text-shadow:0 2px 5px rgba(0,0,0,.8) !important;
}
#gameView #lobbyStats .live-stat-item b{
  display:block !important;
  color:#ffd35f !important;
  font-size:17px !important;
  line-height:18px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  text-shadow:0 2px 6px rgba(0,0,0,.85) !important;
}
#gameView #lobbyStats .live-stat-item.active b{
  color:#35f497 !important;
}
#gameView #lobbyStats .live-stat-separator{
  width:1px !important;
  height:28px !important;
  background:linear-gradient(180deg, transparent, rgba(255,213,93,.75), transparent) !important;
  display:block !important;
}
@media(max-width:1200px){
  #gameView .lobby-header{grid-template-columns:300px minmax(0,1fr) 170px !important; gap:10px !important;}
  #gameView .lobby-live-stats-card{width:228px !important; min-width:228px !important; margin-left:18px !important;}
  #gameView #lobbyStats .live-stat-item small{font-size:9px !important;}
  #gameView #lobbyStats .live-stat-item b{font-size:15px !important;}
}


/* === FINAL: ÜSTTEKI LOBİ MENÜSÜ KALDIRILDI - 4'LÜ MENÜ HİZASI === */
#gameView .premium-nav .lobby-nav-pill{ display:none !important; }
#gameView .premium-nav{
  grid-template-columns: repeat(4, minmax(128px, 1fr)) !important;
  max-width: 590px !important;
  width: 590px !important;
  justify-self: start !important;
  align-self: center !important;
  gap: 12px !important;
}
#gameView .premium-topbar{
  grid-template-columns: 220px minmax(590px, 1fr) 280px !important;
}
#gameView .premium-nav .nav-pill{
  width: 100% !important;
  min-width: 0 !important;
}
@media(max-width:1400px){
  #gameView .premium-nav{ width: 560px !important; max-width: 560px !important; grid-template-columns: repeat(4, minmax(124px, 1fr)) !important; gap:10px !important; }
  #gameView .premium-topbar{ grid-template-columns: 220px minmax(560px, 1fr) 260px !important; }
}

/* === CANLI LOBI KARTI - TOPLAM/AKTIF YAZI ÇAKIŞMA FIX === */
#gameView .lobby-header{
  grid-template-columns: 330px minmax(0,1fr) 180px !important;
}
#gameView .lobby-live-stats-card{
  width: 264px !important;
  height: 82px !important;
  margin-left: 40px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,213,93,.9) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(35,255,150,.16), transparent 45%),
    linear-gradient(180deg, rgba(6,78,50,.98), rgba(0,31,22,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 34px rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.38),
    0 12px 28px rgba(0,0,0,.34),
    0 0 18px rgba(255,213,93,.12) !important;
}
#gameView .lobby-live-stats-card .live-stats-title{
  height: 28px !important;
  justify-content: flex-start !important;
  padding: 0 13px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  letter-spacing: .2px !important;
  border-bottom: 1px solid rgba(255,213,93,.32) !important;
}
#gameView .lobby-live-stats-card .live-stats-values,
#gameView #lobbyStats.live-stats-values{
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 !important;
  padding: 5px 14px 7px !important;
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#gameView #lobbyStats .live-stat-item,
#gameView #lobbyStats.live-stats-values .live-stat-item,
#gameView #lobbyStats.live-stats-values .stat-chip{
  min-width: 0 !important;
  width: 100% !important;
  height: 34px !important;
  display: grid !important;
  grid-template-rows: 15px 20px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
#gameView #lobbyStats .live-stat-item small,
#gameView #lobbyStats.live-stats-values .live-stat-item small,
#gameView #lobbyStats.live-stats-values .stat-chip small{
  display: block !important;
  width: 100% !important;
  font-size: 11px !important;
  line-height: 12px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  opacity: .96 !important;
  text-align: center !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.85) !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
#gameView #lobbyStats .live-stat-item b,
#gameView #lobbyStats.live-stats-values .live-stat-item b,
#gameView #lobbyStats.live-stats-values .stat-chip b{
  display:block !important;
  font-size: 19px !important;
  line-height: 20px !important;
  font-weight: 1000 !important;
  color: #ffd75d !important;
  text-align: center !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.75), 0 0 12px rgba(255,213,93,.28) !important;
}
#gameView #lobbyStats .live-stat-separator,
#gameView #lobbyStats.live-stats-values .live-stat-separator,
#gameView #lobbyStats.live-stats-values > i{
  display:block !important;
  width:1px !important;
  height:28px !important;
  background: linear-gradient(180deg, transparent, rgba(255,213,93,.72), transparent) !important;
  color: transparent !important;
  font-size: 0 !important;
  margin: 0 !important;
}
@media(max-width:1200px){
  #gameView .lobby-header{ grid-template-columns: 300px minmax(0,1fr) 166px !important; }
  #gameView .lobby-live-stats-card{ width: 244px !important; margin-left: 22px !important; }
  #gameView #lobbyStats .live-stat-item small{ font-size: 9px !important; }
}


/* === FINAL: LOBİ SEKME DÜZENİ - SADECE MASALAR + TURNUVALAR === */
#gameView .lobby-filter-bar{
  border:1px solid rgba(255,44,44,.88) !important;
  box-shadow:0 0 0 1px rgba(255,44,44,.18), 0 10px 26px rgba(0,0,0,.26) !important;
}
#gameView .lobby-tabs.two-tabs,
#gameView .lobby-tabs.premium-tabs.two-tabs{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:6px !important;
  height:42px !important;
  width:100% !important;
  overflow:visible !important;
  padding:4px !important;
  border-radius:10px !important;
  background:linear-gradient(180deg, rgba(7,92,58,.95), rgba(1,31,22,.98)) !important;
  border:1px solid rgba(255,213,93,.35) !important;
}
#gameView .lobby-tabs.two-tabs .lobby-tab{
  height:32px !important;
  min-width:0 !important;
  width:100% !important;
  padding:0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.25px !important;
  white-space:nowrap !important;
  border-radius:8px !important;
  border:1px solid rgba(255,213,93,.45) !important;
  color:#f6fff7 !important;
  background:linear-gradient(180deg, rgba(13,89,58,.92), rgba(1,43,30,.98)) !important;
  text-shadow:0 2px 6px rgba(0,0,0,.65) !important;
}
#gameView .lobby-tabs.two-tabs .lobby-tab.active{
  color:#132015 !important;
  background:linear-gradient(180deg, #ffe889, #d7aa33) !important;
  border-color:#fff1a4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 0 14px rgba(255,210,80,.28) !important;
  text-shadow:none !important;
}


/* === BONUSLAR MENU FIX === */
#gameView .premium-nav{
  grid-template-columns: repeat(5, minmax(108px, 1fr)) !important;
}
#gameView #bonusButton{
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#gameView.playing-board #bonusButton{
  display: inline-flex !important;
}
@media (max-width: 1400px){
  #gameView .premium-topbar{ grid-template-columns: 220px minmax(610px, 1fr) 180px 34px 34px 66px !important; }
  #gameView .premium-nav{ grid-template-columns: repeat(5, minmax(106px, 1fr)) !important; gap: 9px !important; }
  #gameView .nav-pill span:not(.nav-icon){ font-size: 13px !important; }
}
@media (max-width: 1180px){
  #gameView .premium-nav{ grid-template-columns: repeat(5, minmax(92px, 1fr)) !important; gap: 7px !important; }
  #gameView .nav-pill span:not(.nav-icon){ font-size: 11px !important; }
}


/* Hide top nav while in board mode */
#gameView.playing-board .premium-nav{
  display:none !important;
}
#gameView.playing-board .top-header,
#gameView.playing-board header .premium-nav{
  display:none !important;
}


/* Hide live lobby badge during active game */
#boardView .premium-account::after,
.game-active .premium-account::after,
body.in-game .premium-account::after{
  display:none !important;
}

/* Hide live lobby badge during game */
#gameView.playing-board .lobby-live-stats-card{display:none!important;}


/* === OYUN EKRANI CANLI LOBI YAZISI KALDIRMA FINAL FIX ===
   Oyun başladığında sağ üst kullanıcı bölümündeki CANLI LOBİ rozeti ve
   ana lobi istatistik/başlık alanları tamamen gizlenir. */
#gameView.playing-board .premium-account::after,
#gameView.playing-board .premium-account:after,
#gameView.playing-board .lobby-live-stats-card,
#gameView.playing-board .lobby-header,
#gameView.playing-board .lobby-ad,
#gameView.playing-board .live-stats-title,
#gameView.playing-board #lobbyStats,
body.playing-board .premium-account::after,
body.playing-board .premium-account:after,
body.game-active .premium-account::after,
body.game-active .premium-account:after,
body.in-game .premium-account::after,
body.in-game .premium-account:after{
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Improved lobby stats */
#gameView #lobbyStats{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
height:auto!important;
padding:4px!important;
min-width:140px!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
#gameView #lobbyStats .live-stat-separator{display:none!important;}
#gameView #lobbyStats .live-stat-item{
background:linear-gradient(180deg,rgba(18,88,56,.98),rgba(8,48,32,.98))!important;
border:1px solid rgba(247,205,87,.7)!important;
border-radius:8px!important;
padding:3px 8px!important;
}
#gameView #lobbyStats .live-stat-item small{font-size:9px!important;white-space:normal!important;text-align:center!important;line-height:10px!important;}
#gameView #lobbyStats .live-stat-item b{font-size:22px!important;color:#ffd85b!important;line-height:22px!important;}

/* === ISARETLENEN ALANLAR GIZLEME FIX ===
   Kullanıcının işaretlediği üst CANLI LOBİ rozeti ve sohbet başlığındaki
   Kullanıcı: ... yazısı tamamen gizlendi. */
#gameView .premium-account::after,
#gameView .premium-account:after,
.premium-account::after,
.premium-account:after{
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}

#gameView .lobby-chat-panel h3::after,
#gameView .lobby-chat-panel h3:after,
.lobby-chat-panel h3::after,
.lobby-chat-panel h3:after{
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

#gameView .lobby-chat-panel h3{
  justify-content: flex-start !important;
}

/* ============================================================
   MEC FINAL FIX - LOBI ASAGI DOGRU BUYUTME / PROFESYONEL LAYOUT
   Istenen: Sol lobi/masa alani asagi dogru buyusun, tasarim bozulmasin.
   ============================================================ */
#gameView:not(.playing-board) .lobby-screen.premium-reference{
  height: calc(100vh - 84px) !important;
  min-height: 620px !important;
  padding: 10px 22px 12px !important;
  display: grid !important;
  grid-template-rows: 128px minmax(440px, 1fr) !important;
  gap: 10px !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-main-grid{
  height: auto !important;
  max-height: none !important;
  min-height: 440px !important;
  align-self: stretch !important;
  grid-template-columns: minmax(430px, 580px) minmax(500px, 1fr) minmax(240px, 300px) !important;
  gap: 10px !important;
  padding: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(246,196,85,.58) !important;
  background: linear-gradient(90deg, rgba(0,30,21,.72), rgba(3,54,36,.38)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 16px 34px rgba(0,0,0,.28) !important;
}
#gameView:not(.playing-board) .lobby-left{
  display: grid !important;
  grid-template-rows: 54px minmax(0, 1fr) 120px !important;
  gap: 8px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  border: 1px solid rgba(246,196,85,.62) !important;
  background: linear-gradient(180deg, rgba(4,70,46,.88), rgba(0,29,21,.92)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.24) !important;
}
#gameView:not(.playing-board) .lobby-filter-bar{
  height: 54px !important;
  min-height: 54px !important;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
}
#gameView:not(.playing-board) .lobby-tools{display:none !important;}
#gameView:not(.playing-board) .premium-tabs,
#gameView:not(.playing-board) .lobby-tabs{
  height: 46px !important;
  min-height: 46px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}
#gameView:not(.playing-board) .lobby-tab{
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  letter-spacing: .1px !important;
  white-space: nowrap !important;
}
#gameView:not(.playing-board) .match-browser{
  min-height: 0 !important;
  height: 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(246,196,85,.48) !important;
  background: rgba(0,30,22,.78) !important;
}
#gameView:not(.playing-board) .browser-head{
  height: 38px !important;
  min-height: 38px !important;
  grid-template-columns: 1.22fr 1.12fr .74fr .7fr .78fr .72fr !important;
}
#gameView:not(.playing-board) .browser-head span{
  font-size: 12px !important;
  color: #ffe681 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.7) !important;
}
#gameView:not(.playing-board) .lobby-table-list{
  height: calc(100% - 38px) !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
#gameView:not(.playing-board) .lobby-table-list .table-row{
  min-height: 62px !important;
  height: 62px !important;
  grid-template-columns: 1.22fr 1.12fr .74fr .7fr .78fr .72fr !important;
}
#gameView:not(.playing-board) .lobby-table-list .cell{
  font-size: 13px !important;
  padding: 0 6px !important;
}
#gameView:not(.playing-board) .lobby-table-list .player-name strong{
  font-size: 15px !important;
  line-height: 1.12 !important;
}
#gameView:not(.playing-board) .premium-actions,
#gameView:not(.playing-board) .lobby-actions{
  height: 120px !important;
  min-height: 120px !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 46px 46px !important;
  gap: 8px !important;
  background: rgba(0,22,16,.50) !important;
  border-top: 1px solid rgba(246,196,85,.28) !important;
}
#gameView:not(.playing-board) .stake-stepper{
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
  align-self: stretch !important;
}
#gameView:not(.playing-board) .create-match,
#gameView:not(.playing-board) .refresh-match{
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
}
#gameView:not(.playing-board) .lobby-board-preview,
#gameView:not(.playing-board) .lobby-chat-sidebar,
#gameView:not(.playing-board) .lobby-chat-panel{
  height: 100% !important;
  min-height: 0 !important;
}
#gameView:not(.playing-board) .lobby-board-preview{
  border-radius: 12px !important;
  padding: 8px !important;
}
#gameView:not(.playing-board) .lobby-board-preview img{
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
}
#gameView:not(.playing-board) .lobby-chat-panel{
  grid-template-rows: 58px minmax(0,1fr) 58px !important;
  border-radius: 12px !important;
}
#gameView:not(.playing-board) .bottom-console{
  height: 78px !important;
  min-height: 78px !important;
  margin: 8px 8px 8px !important;
}
@media (max-width: 1180px){
  #gameView:not(.playing-board) .lobby-main-grid{
    grid-template-columns: minmax(390px, 460px) minmax(430px, 1fr) minmax(210px, 250px) !important;
    gap: 7px !important;
    padding: 7px !important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{min-height:58px!important;height:58px!important;}
}

/* === LOBI CANLI TAVLA ONIZLEME ALANI === */
#gameView:not(.playing-board) .lobby-board-preview{
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  padding: clamp(8px, 1.2vw, 14px) !important;
  border: 1px solid rgba(246,196,85,.68) !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(24, 147, 88, .30), transparent 58%),
    linear-gradient(180deg, rgba(1, 37, 25, .96), rgba(0, 18, 13, .98)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.055), 0 16px 34px rgba(0,0,0,.34), 0 0 26px rgba(218,166,49,.10) !important;
}
#gameView:not(.playing-board) .lobby-board-preview::before{
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 10px;
  border: 1px solid rgba(31, 190, 111, .32);
  box-shadow: inset 0 0 34px rgba(8, 118, 72, .26);
  pointer-events: none;
}
#gameView:not(.playing-board) .lobby-board-scene{
  position: relative;
  width: min(100%, 840px);
  aspect-ratio: 415 / 228;
  max-height: 100%;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(255, 218, 108, .54);
  background: #031d15;
  box-shadow: 0 18px 38px rgba(0,0,0,.46), inset 0 0 0 2px rgba(0,0,0,.18);
  isolation: isolate;
}
#gameView:not(.playing-board) .lobby-board-image{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.08) contrast(1.04) brightness(.98);
  transform: scale(1.006);
}
#gameView:not(.playing-board) .lobby-board-glass{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 35%, rgba(255,255,255,.16) 47%, transparent 58% 100%),
    radial-gradient(circle at 72% 26%, rgba(255, 220, 105, .18), transparent 23%);
  mix-blend-mode: screen;
  opacity: .56;
  animation: lobbyBoardSheen 7.8s ease-in-out infinite;
  pointer-events: none;
}
#gameView:not(.playing-board) .lobby-board-dice{
  position: absolute;
  left: 27%;
  top: 47%;
  width: 86px;
  height: 52px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 12px 12px rgba(0,0,0,.46));
  z-index: 4;
}
#gameView:not(.playing-board) .preview-die{
  position: absolute;
  width: clamp(24px, 4.2vw, 34px);
  aspect-ratio: 1;
  border-radius: 7px;
  background: linear-gradient(145deg, #fffef4, #d7e4d6 62%, #fff9de);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.9), inset 0 -3px 7px rgba(30,70,42,.22), 0 0 16px rgba(246,196,85,.32);
  animation: lobbyDieRoll 4.8s cubic-bezier(.34,.08,.2,1) infinite;
}
#gameView:not(.playing-board) .preview-die::before{
  content: "";
  position: absolute;
  inset: 5px;
  background:
    radial-gradient(circle at 18% 18%, #17251d 0 2px, transparent 2.6px),
    radial-gradient(circle at 82% 18%, #17251d 0 2px, transparent 2.6px),
    radial-gradient(circle at 50% 50%, #17251d 0 2.2px, transparent 2.9px),
    radial-gradient(circle at 18% 82%, #17251d 0 2px, transparent 2.6px),
    radial-gradient(circle at 82% 82%, #17251d 0 2px, transparent 2.6px);
}
#gameView:not(.playing-board) .die-one{ left: 4px; top: 8px; }
#gameView:not(.playing-board) .die-two{ right: 5px; top: 17px; animation-delay: .16s; }
#gameView:not(.playing-board) .preview-piece{
  position: absolute;
  width: clamp(27px, 4vw, 39px);
  aspect-ratio: 1;
  border-radius: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 3px 5px rgba(255,255,255,.55), inset 0 -5px 8px rgba(0,0,0,.30), 0 0 0 2px rgba(255,222,112,.18), 0 0 18px rgba(245,190,68,.34);
}
#gameView:not(.playing-board) .piece-light{ background: radial-gradient(circle at 34% 25%, #fff4c8, #deb86d 52%, #8b6327 100%); }
#gameView:not(.playing-board) .piece-dark{ background: radial-gradient(circle at 34% 25%, #7c7c73, #22231f 55%, #050505 100%); }
#gameView:not(.playing-board) .piece-a{ left: 77%; top: 34%; animation: lobbyPieceA 6.6s ease-in-out infinite; }
#gameView:not(.playing-board) .piece-b{ left: 28%; top: 72%; animation: lobbyPieceB 7.4s ease-in-out infinite .35s; }
#gameView:not(.playing-board) .piece-c{ left: 55%; top: 73%; animation: lobbyPieceC 8s ease-in-out infinite .8s; }
#gameView:not(.playing-board) .piece-d{ left: 57%; top: 22%; animation: lobbyPieceD 7.2s ease-in-out infinite 1.15s; }
#gameView:not(.playing-board) .lobby-board-trail,
#gameView:not(.playing-board) .preview-spark{
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
#gameView:not(.playing-board) .lobby-board-trail{
  width: 34%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,225,117,.95), transparent);
  filter: drop-shadow(0 0 8px rgba(255,205,72,.8));
  opacity: 0;
  transform-origin: left center;
}
#gameView:not(.playing-board) .trail-one{ left: 56%; top: 47%; rotate: -34deg; animation: lobbyTrailOne 6.6s ease-in-out infinite; }
#gameView:not(.playing-board) .trail-two{ left: 27%; top: 57%; rotate: 28deg; animation: lobbyTrailTwo 7.4s ease-in-out infinite .35s; }
#gameView:not(.playing-board) .preview-spark{
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ffe57e;
  box-shadow: 0 0 16px #ffd45b, 0 0 28px rgba(255,207,70,.62);
  opacity: 0;
}
#gameView:not(.playing-board) .spark-a{ left: 70%; top: 38%; animation: lobbySparkA 6.6s ease-in-out infinite; }
#gameView:not(.playing-board) .spark-b{ left: 39%; top: 68%; animation: lobbySparkB 7.4s ease-in-out infinite .35s; }
@keyframes lobbyBoardSheen{
  0%, 42%, 100%{ transform: translateX(-44%); opacity: .18; }
  58%{ transform: translateX(44%); opacity: .56; }
}
@keyframes lobbyDieRoll{
  0%, 64%, 100%{ transform: translate3d(0,0,0) rotate(0deg); }
  70%{ transform: translate3d(16px,-18px,0) rotate(118deg); }
  76%{ transform: translate3d(37px,4px,0) rotate(236deg); }
  82%{ transform: translate3d(12px,14px,0) rotate(350deg); }
  88%{ transform: translate3d(0,0,0) rotate(360deg); }
}
@keyframes lobbyPieceA{
  0%, 26%, 100%{ left:77%; top:34%; filter: brightness(1); }
  46%, 60%{ left:61%; top:56%; filter: brightness(1.25) drop-shadow(0 0 12px rgba(255,218,82,.9)); }
  72%{ left:58%; top:62%; }
}
@keyframes lobbyPieceB{
  0%, 32%, 100%{ left:28%; top:72%; }
  55%, 68%{ left:42%; top:64%; filter: brightness(1.28) drop-shadow(0 0 12px rgba(255,218,82,.82)); }
}
@keyframes lobbyPieceC{
  0%, 38%, 100%{ left:55%; top:73%; }
  56%, 70%{ left:50%; top:49%; filter: brightness(1.22) drop-shadow(0 0 12px rgba(255,218,82,.78)); }
}
@keyframes lobbyPieceD{
  0%, 42%, 100%{ left:57%; top:22%; }
  60%, 72%{ left:68%; top:25%; filter: brightness(1.18) drop-shadow(0 0 10px rgba(255,218,82,.7)); }
}
@keyframes lobbyTrailOne{ 0%, 27%, 74%, 100%{ opacity:0; transform:scaleX(.18); } 42%, 56%{ opacity:.92; transform:scaleX(1); } }
@keyframes lobbyTrailTwo{ 0%, 34%, 72%, 100%{ opacity:0; transform:scaleX(.18); } 52%, 64%{ opacity:.86; transform:scaleX(.92); } }
@keyframes lobbySparkA{ 0%, 38%, 72%, 100%{ opacity:0; transform:scale(.4); } 50%, 57%{ opacity:1; transform:scale(1.14); } }
@keyframes lobbySparkB{ 0%, 44%, 76%, 100%{ opacity:0; transform:scale(.4); } 58%, 65%{ opacity:.95; transform:scale(1.05); } }
@media (max-width: 920px){
  #gameView:not(.playing-board) .lobby-screen.premium-reference{
    height: auto !important;
    min-height: 100vh !important;
    overflow: auto !important;
  }
  #gameView:not(.playing-board) .lobby-main-grid{
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }
  #gameView:not(.playing-board) .lobby-board-preview{
    min-height: 240px !important;
    height: auto !important;
  }
  #gameView:not(.playing-board) .lobby-chat-sidebar,
  #gameView:not(.playing-board) .lobby-chat-panel{
    min-height: 260px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  #gameView:not(.playing-board) .lobby-board-preview *{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}
#gameView:not(.playing-board) .preview-die .pip{
  position: absolute;
  width: 4.8px;
  height: 4.8px;
  margin: -2.4px 0 0 -2.4px;
  border-radius: 50%;
  background: #17251d;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.22);
}
#gameView:not(.playing-board) .preview-die.is-rolling{
  animation-name: lobbyDieRoll;
}

/* === LOBI ONIZLEME BOYUT FINAL OVERRIDE === */
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 415 / 228 !important;
  max-width: 860px !important;
  max-height: calc(100% - 4px) !important;
  align-self: center !important;
  justify-self: center !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-image{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
}
#gameView:not(.playing-board) .lobby-board-preview .preview-die::before{
  content: none !important;
}
#gameView:not(.playing-board) .lobby-board-preview .preview-die .pip{
  display: block !important;
  position: absolute !important;
  width: 5px !important;
  height: 5px !important;
  margin: -2.5px 0 0 -2.5px !important;
  border-radius: 50% !important;
  background: #17251d !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.22) !important;
}
@media (max-width: 920px){
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
    max-width: 680px !important;
  }
}

/* === LOBI ONIZLEME SAHNE YERLESIMI FINAL === */
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  position: absolute !important;
  inset: clamp(10px, 1.1vw, 16px) !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  align-self: auto !important;
  justify-self: auto !important;
}
@media (max-width: 920px){
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
    inset: 10px !important;
  }
}

/* === LOBI ONIZLEME ORAN KORUMA FINAL === */
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 415 / 228 !important;
  max-width: 860px !important;
  max-height: none !important;
  justify-self: stretch !important;
  align-self: center !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-image{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* === MOBIL LOBI TASMA FINAL FIX === */
@media (max-width: 920px){
  html, body{
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  #gameView.table-room{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100vh !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #gameView .premium-topbar{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    grid-template-columns: minmax(0,1fr) 72px !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    padding: 8px !important;
    overflow: hidden !important;
  }
  #gameView .premium-brand{
    min-width: 0 !important;
  }
  #gameView .premium-nav{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 6px !important;
    overflow: hidden !important;
  }
  #gameView .premium-nav .nav-pill{
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
  }
  #gameView .premium-account,
  #gameView .top-icon{
    display: none !important;
  }
  #gameView .resign{
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 64px !important;
    justify-self: end !important;
  }
  #gameView .game-table{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 8px 92px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  #gameView:not(.playing-board) .lobby-screen.premium-reference{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 0 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    overflow: visible !important;
  }
  #gameView .lobby-header,
  #gameView:not(.playing-board) .lobby-header{
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    grid-template-columns: 1fr !important;
    padding: 10px !important;
  }
  #gameView .lobby-clock{ display: none !important; }
  #gameView:not(.playing-board) .lobby-main-grid{
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 1fr !important;
    padding: 8px !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  #gameView:not(.playing-board) .lobby-left,
  #gameView:not(.playing-board) .lobby-chat-sidebar,
  #gameView:not(.playing-board) .lobby-chat-panel,
  #gameView:not(.playing-board) .match-browser{
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #gameView:not(.playing-board) .lobby-left{
    grid-template-rows: 54px 300px 120px !important;
    height: auto !important;
  }
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    grid-template-columns: 1.2fr .9fr .72fr .68fr !important;
  }
  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){
    display: none !important;
  }
  #gameView:not(.playing-board) .lobby-board-preview{
    width: 100% !important;
    min-width: 0 !important;
    height: 240px !important;
    box-sizing: border-box !important;
  }
  #gameView:not(.playing-board) .bottom-console,
  #gameView .bottom-console{
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

/* === MOBIL LOBI BASLIK OKUNURLUK FIX === */
@media (max-width: 920px){
  #gameView .lobby-ad{
    gap: 8px !important;
    min-width: 0 !important;
  }
  #gameView .lobby-ad img{
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 auto !important;
  }
  #gameView .lobby-ad strong{
    font-size: clamp(20px, 6.4vw, 25px) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #gameView .lobby-ad span{
    display: none !important;
  }
}

/* === MOBIL AKTIF OYUN DÜZELTME: tahta sabit genişlikten çıkarıldı, ekrana tam oturur === */
@media (max-width: 920px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #gameView.playing-board,
  #gameView.playing-board.table-room {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-rows: 48px minmax(0, 1fr) !important;
  }

  #gameView.playing-board .premium-topbar {
    height: 48px !important;
    min-height: 48px !important;
    padding: 5px 8px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  #gameView.playing-board .premium-brand {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #gameView.playing-board .top-brand-logo {
    width: 38px !important;
    height: 38px !important;
  }

  #gameView.playing-board .brand-copy strong {
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: .8px !important;
  }

  #gameView.playing-board .brand-copy span,
  #gameView.playing-board .connection-line,
  #gameView.playing-board .premium-nav,
  #gameView.playing-board .premium-account,
  #gameView.playing-board .top-icon,
  #gameView.playing-board #settingsButton,
  #gameView.playing-board #backLobbyButton {
    display: none !important;
  }

  #gameView.playing-board .resign {
    display: inline-flex !important;
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 62px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    font-size: 11px !important;
    justify-content: center !important;
    align-items: center !important;
  }

  #gameView.playing-board .game-table {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: calc(100dvh - 48px) !important;
    min-height: 0 !important;
    padding: 0 6px 8px !important;
    overflow: hidden !important;
    display: block !important;
    box-sizing: border-box !important;
  }

  #gameView.playing-board .lobby-screen,
  #gameView.playing-board .side-console,
  #gameView.playing-board .bottom-console,
  #gameView.playing-board .home-lane,
  #gameView.playing-board .right-roll-controls,
  #gameView.playing-board #whiteHome,
  #gameView.playing-board #blackHome {
    display: none !important;
  }

  #gameView.playing-board .board-stage {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #gameView.playing-board #activeGame,
  #gameView.playing-board .live-match {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #gameView.playing-board .match-strip {
    flex: 0 0 auto !important;
    min-height: 56px !important;
    margin: 4px 0 6px !important;
    padding: 6px 8px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  #gameView.playing-board #matchTitle {
    font-size: 13px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #gameView.playing-board #turnLine,
  #gameView.playing-board #selectionLine {
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #gameView.playing-board .dicebar {
    min-width: 68px !important;
    gap: 4px !important;
    justify-content: flex-end !important;
  }

  #gameView.playing-board #finishButton {
    min-width: 62px !important;
    height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }

  #gameView.playing-board .board-shell {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  #gameView.playing-board #board,
  #gameView.playing-board .board {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: min(calc(100vw - 12px), calc((100dvh - 124px) * 1.624)) !important;
    max-width: calc(100vw - 12px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100dvh - 124px) !important;
    aspect-ratio: 627 / 386 !important;
    margin: 0 auto !important;
    transform: none !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    background-size: contain !important;
    background-position: center !important;
  }

  #gameView.playing-board .point {
    width: 5.05% !important;
    height: 37.2% !important;
  }

  #gameView.playing-board .point.top { top: 9.2% !important; }
  #gameView.playing-board .point.bottom { top: 53.0% !important; }

  #gameView.playing-board .checker {
    width: clamp(15px, 5.7vw, 24px) !important;
    height: clamp(15px, 5.7vw, 24px) !important;
    min-width: clamp(15px, 5.7vw, 24px) !important;
    min-height: clamp(15px, 5.7vw, 24px) !important;
    margin: -1px auto !important;
    border-width: 1px !important;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.55)) !important;
  }

  #gameView.playing-board .board-dice {
    transform: translate(-50%, -50%) scale(.72) !important;
    gap: 5px !important;
  }

  #gameView.playing-board .die {
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
  }

  #gameView.playing-board .leave-game-button {
    display: none !important;
  }
}

@media (max-width: 920px) and (orientation: landscape) {
  #gameView.playing-board,
  #gameView.playing-board.table-room {
    grid-template-rows: 42px minmax(0, 1fr) !important;
  }
  #gameView.playing-board .premium-topbar {
    height: 42px !important;
    min-height: 42px !important;
  }
  #gameView.playing-board .game-table {
    height: calc(100dvh - 42px) !important;
    padding: 0 8px 6px !important;
  }
  #gameView.playing-board .match-strip {
    min-height: 42px !important;
    margin: 2px 0 4px !important;
    padding: 4px 8px !important;
  }
  #gameView.playing-board #board,
  #gameView.playing-board .board {
    width: min(calc(100vw - 16px), calc((100dvh - 96px) * 1.624)) !important;
    max-height: calc(100dvh - 96px) !important;
  }
  #gameView.playing-board .checker {
    width: clamp(18px, 3.5vw, 34px) !important;
    height: clamp(18px, 3.5vw, 34px) !important;
    min-width: clamp(18px, 3.5vw, 34px) !important;
    min-height: clamp(18px, 3.5vw, 34px) !important;
  }
}

/* MOBIL OYUN: Lobiden oyuna girince telefon yatay/tam ekran gibi acilsin */
html.mobile-game-active,
body.mobile-game-active {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #001e14 !important;
  overscroll-behavior: none !important;
  touch-action: manipulation !important;
}

@media (max-width: 900px), (pointer: coarse) {
  body.mobile-game-active #authView,
  body.mobile-game-active #lobbyScreen,
  body.mobile-game-active .premium-topbar,
  body.mobile-game-active .bottom-console,
  body.mobile-game-active .match-strip,
  body.mobile-game-active #blackHome,
  body.mobile-game-active #whiteHome,
  body.mobile-game-active .right-roll-controls,
  body.mobile-game-active .side-console {
    display: none !important;
  }

  body.mobile-game-active .app,
  body.mobile-game-active #gameView.playing-board,
  body.mobile-game-active #gameView.playing-board .game-table,
  body.mobile-game-active #gameView.playing-board #boardStage.board-stage:not(.hidden),
  body.mobile-game-active #gameView.playing-board #activeGame.live-match,
  body.mobile-game-active #gameView.playing-board .board-shell {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #001e14 !important;
  }

  body.mobile-game-active #gameView.playing-board {
    grid-template-rows: 1fr !important;
    z-index: 9999 !important;
  }

  body.mobile-game-active #gameView.playing-board #activeGame.live-match {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
    box-sizing: border-box !important;
  }

  body.mobile-game-active #gameView.playing-board #board.board {
    width: min(100vw, calc(100vh * 1.624)) !important;
    height: min(100vh, calc(100vw / 1.624)) !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    aspect-ratio: 627 / 386 !important;
    margin: auto !important;
    background-image: url('/tavla-board-clean.png') !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px !important;
    box-shadow: 0 0 34px rgba(0,0,0,.75) !important;
  }

  body.mobile-game-active #gameView.playing-board .checker {
    width: clamp(22px, 4.8vh, 34px) !important;
    height: clamp(22px, 4.8vh, 34px) !important;
    min-width: 22px !important;
    min-height: 22px !important;
  }

  body.mobile-game-active #gameView.playing-board .leave-game-button {
    display: flex !important;
    top: calc(env(safe-area-inset-top) + 8px) !important;
    right: calc(env(safe-area-inset-right) + 8px) !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    font-size: 0 !important;
    z-index: 10060 !important;
  }
  body.mobile-game-active #gameView.playing-board .leave-game-button .leave-icon {
    font-size: 20px !important;
    margin: 0 auto !important;
  }

  @media (orientation: portrait) {
    body.mobile-game-active .app,
    body.mobile-game-active #gameView.playing-board,
    body.mobile-game-active #gameView.playing-board .game-table,
    body.mobile-game-active #gameView.playing-board #boardStage.board-stage:not(.hidden) {
      width: 100vh !important;
      height: 100vw !important;
      left: 50% !important;
      top: 50% !important;
      right: auto !important;
      bottom: auto !important;
      transform: translate(-50%, -50%) rotate(90deg) !important;
      transform-origin: center center !important;
    }

    body.mobile-game-active #gameView.playing-board #activeGame.live-match,
    body.mobile-game-active #gameView.playing-board .board-shell {
      width: 100vh !important;
      height: 100vw !important;
    }

    body.mobile-game-active #gameView.playing-board #board.board {
      width: min(100vh, calc(100vw * 1.624)) !important;
      height: min(100vw, calc(100vh / 1.624)) !important;
      max-width: 100vh !important;
      max-height: 100vw !important;
    }
  }
}

/* ============================================================
   MEC FIX - WEB LOBI CANLI TAVLA ANIMASYONU TAM GORUNUM
   Site ilk acildiginda orta animasyon altta kalmasin; alt bilgi
   bandi animasyonu kapatmasin ve tahta ekrana tam sığsın.
   ============================================================ */
#gameView:not(.playing-board) .lobby-screen.premium-reference{
  height: calc(100dvh - 84px) !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  grid-template-rows: minmax(96px, 118px) minmax(0, 1fr) !important;
  padding: 8px 22px 88px !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-main-grid{
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  align-self: stretch !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-board-preview{
  min-height: 0 !important;
  height: 100% !important;
  align-items: center !important;
  justify-items: center !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  max-width: 100% !important;
  max-height: calc(100% - 12px) !important;
  top: auto !important;
  transform: none !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-image{
  object-fit: contain !important;
  object-position: center center !important;
}
#gameView:not(.playing-board) .bottom-console{
  z-index: 20 !important;
}
@media (max-height: 720px) and (min-width: 921px){
  #gameView:not(.playing-board) .lobby-screen.premium-reference{
    grid-template-rows: minmax(78px, 102px) minmax(0, 1fr) !important;
    gap: 8px !important;
    padding-top: 6px !important;
    padding-bottom: 86px !important;
  }
  #gameView:not(.playing-board) .lobby-header{
    min-height: 0 !important;
    height: 100% !important;
    padding: 6px 10px !important;
  }
  #gameView:not(.playing-board) .lobby-left{
    grid-template-rows: 50px minmax(0, 1fr) 96px !important;
  }
  #gameView:not(.playing-board) .premium-actions,
  #gameView:not(.playing-board) .lobby-actions{
    height: 96px !important;
    min-height: 96px !important;
    grid-template-rows: 38px 38px !important;
    padding: 8px !important;
  }
  #gameView:not(.playing-board) .create-match,
  #gameView:not(.playing-board) .refresh-match{
    height: 38px !important;
    min-height: 38px !important;
  }
}


/* ============================================================
   MEC FIX FINAL - CANLI LOBI ANIMASYON TAM ORTA
   JS zaten sahneyi piksel olarak ortalıyor. Önceki translateY(-50%)
   sahneyi yukarı itiyordu; kaldırıldı.
   ============================================================ */
#gameView:not(.playing-board) .lobby-board-preview{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  position: absolute !important;
  transform: none !important;
  margin: 0 !important;
}
#gameView:not(.playing-board) .lobby-board-preview img,
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-image{
  object-fit: contain !important;
  object-position: center center !important;
}


/* ============================================================
   MEC FIX - UST BANNER CANLI LOBI ROZETI KALDIRILDI
   Kullanıcının işaretlediği başlık üzerindeki küçük altın
   CANLI LOBİ kapsülü kaldırıldı; başlık temiz ve ortalı durur.
   ============================================================ */
#gameView:not(.playing-board) .lobby-ad em{
  display:none !important;
}
#gameView:not(.playing-board) .lobby-ad .lobby-ad-title-clean,
#gameView:not(.playing-board) .lobby-ad > div{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:4px !important;
  width:100% !important;
}
#gameView:not(.playing-board) .lobby-ad strong{
  margin:0 auto !important;
  justify-content:center !important;
  text-align:center !important;
}
#gameView:not(.playing-board) .lobby-ad{
  align-items:center !important;
}


/* LOBI SOL PANEL GENISLETME + BUTON DUZENI FIX */
#gameView .lobby-main-grid{
  align-items: stretch;
}
#gameView .lobby-left{
  height: 100%;
  grid-template-rows: 42px minmax(180px, 1fr) 58px !important;
}
#gameView .match-browser{
  min-height: 0;
  height: 100%;
}
#gameView .lobby-table-list{
  min-height: 0;
  height: calc(100% - 32px);
  overflow-y: auto;
}
#gameView .premium-actions{
  grid-template-columns: 226px minmax(190px, 226px) !important;
  justify-content: start;
  gap: 8px !important;
  height: 58px;
  padding: 0 8px 0 8px !important;
  border: 1px solid rgba(229, 184, 65, .32);
  border-radius: 9px;
  background: rgba(0, 20, 14, .32);
}
#gameView .create-match{
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 7px !important;
  white-space: nowrap;
}
#gameView .refresh-match,
#refreshLobbyButton{
  display: none !important;
}
#gameView .stake-stepper{
  grid-template-columns: 38px 130px 38px !important;
  grid-template-rows: 14px 36px !important;
}
#gameView .stake-stepper button,
#gameView .premium-actions input{
  height: 34px !important;
  min-height: 34px !important;
}
.table-row.own-open .watch-button::after{
  content: "";
}


/* === LOBI ANIMASYON ZAR NUMARALARI FINAL FIX === */
#gameView:not(.playing-board) .lobby-board-preview .preview-die{
  background: linear-gradient(145deg,#fffdf0 0%,#eef4e5 45%,#cfd8c9 100%) !important;
  box-shadow: inset 0 2px 4px rgba(255,255,255,.95), inset 0 -4px 8px rgba(25,50,30,.28), 0 10px 16px rgba(0,0,0,.34), 0 0 18px rgba(246,196,85,.42) !important;
}
#gameView:not(.playing-board) .lobby-board-preview .preview-die::before{content:none!important;}
#gameView:not(.playing-board) .lobby-board-preview .preview-die .pip{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  width:6px!important;
  height:6px!important;
  margin:-3px 0 0 -3px!important;
  border-radius:50%!important;
  background:#101711!important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.24), 0 1px 1px rgba(0,0,0,.35) !important;
  pointer-events:none!important;
}

/* ============================================================
   MEC FIX - CANLI LOBI ISTATISTIK KARTI PROFESYONEL ORTALAMA
   Ust soldaki Canli Lobi kartindaki bosluklar esitlenir,
   baslik ve uye sayilari tek eksende premium gorunur.
   ============================================================ */
#gameView:not(.playing-board) .lobby-live-stats-card{
  width: 268px !important;
  min-width: 268px !important;
  height: 76px !important;
  min-height: 76px !important;
  padding: 8px 14px 10px !important;
  display: grid !important;
  grid-template-rows: 22px 1px 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  border: 1px solid rgba(229,184,65,.78) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(38,255,160,.13), transparent 48%),
    linear-gradient(180deg, rgba(0,70,45,.78), rgba(0,27,20,.92)) !important;
  box-shadow: inset 0 0 18px rgba(35,255,166,.08), 0 10px 24px rgba(0,0,0,.22) !important;
}
#gameView:not(.playing-board) .lobby-live-stats-card::before{
  content:"" !important;
  display:block !important;
  grid-row:2 !important;
  width: 82% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(229,184,65,.58), transparent) !important;
  position: static !important;
  transform:none !important;
  opacity:1 !important;
}
#gameView:not(.playing-board) .lobby-live-stats-card .live-stats-title,
#gameView:not(.playing-board) .live-stats-title{
  grid-row:1 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  letter-spacing: .4px !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.55), 0 0 12px rgba(35,255,166,.16) !important;
}
#gameView:not(.playing-board) .live-stats-title i{
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #21e083 !important;
  box-shadow: 0 0 10px rgba(33,224,131,.9) !important;
}
#gameView:not(.playing-board) .live-stats-title span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}
#gameView:not(.playing-board) #lobbyStats.live-stats-values,
#gameView:not(.playing-board) .lobby-live-stats-card #lobbyStats{
  grid-row:3 !important;
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  transform: none !important;
}
#gameView:not(.playing-board) #lobbyStats .live-stat-item,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .live-stat-item,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .stat-chip{
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 13px 23px !important;
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#gameView:not(.playing-board) #lobbyStats .live-stat-item small,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .live-stat-item small,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .stat-chip small{
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 10px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,.88) !important;
  text-transform: none !important;
  white-space: normal !important;
  text-align: center !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.65) !important;
}
#gameView:not(.playing-board) #lobbyStats .live-stat-item b,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .live-stat-item b,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .stat-chip b{
  display: block !important;
  width: 100% !important;
  font-size: 23px !important;
  line-height: 23px !important;
  font-weight: 1000 !important;
  color: #ffd85c !important;
  text-align: center !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.45), 0 0 12px rgba(255,216,92,.28) !important;
}
#gameView:not(.playing-board) #lobbyStats .live-stat-separator,
#gameView:not(.playing-board) #lobbyStats.live-stats-values .live-stat-separator,
#gameView:not(.playing-board) #lobbyStats.live-stats-values > i{
  display: block !important;
  width: 1px !important;
  height: 30px !important;
  background: linear-gradient(180deg, transparent, rgba(229,184,65,.45), transparent) !important;
  opacity: 1 !important;
  margin: 0 !important;
}
@media (max-width: 980px){
  #gameView:not(.playing-board) .lobby-live-stats-card{
    width: 230px !important;
    min-width: 230px !important;
    height: 72px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* ============================================================
   MEC FINAL FIX - CANLI LOBI KARTI TAM ORTA / BOSLUKSUZ
   Bu blok en sonda oldugu icin onceki tum denemeleri ezer.
   ============================================================ */
#gameView .lobby-header .lobby-live-stats-card{
  width:270px!important;
  min-width:270px!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  box-sizing:border-box!important;
  padding:8px 14px 9px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:18px 1px 41px!important;
  row-gap:5px!important;
  align-items:center!important;
  justify-items:stretch!important;
  overflow:hidden!important;
  position:relative!important;
  border-radius:13px!important;
  border:1px solid rgba(246,200,76,.9)!important;
  background:radial-gradient(circle at 50% -30%,rgba(35,255,160,.18),transparent 58%),linear-gradient(180deg,rgba(4,82,52,.84),rgba(1,31,23,.96))!important;
  box-shadow:inset 0 0 20px rgba(38,255,160,.08),0 10px 24px rgba(0,0,0,.24)!important;
}
#gameView .lobby-header .lobby-live-stats-card::before{
  content:""!important;
  grid-row:2!important;
  grid-column:1!important;
  width:100%!important;
  height:1px!important;
  display:block!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  background:linear-gradient(90deg,transparent,rgba(246,200,76,.72),transparent)!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
}
#gameView .lobby-header .lobby-live-stats-card .live-stats-title{
  grid-row:1!important;
  grid-column:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:1000!important;
  letter-spacing:.35px!important;
  color:#fff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.55),0 0 10px rgba(37,255,158,.18)!important;
}
#gameView .lobby-header .lobby-live-stats-card .live-stats-title i{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  flex:0 0 10px!important;
  display:block!important;
  border-radius:50%!important;
  margin:0!important;
  background:#1fe083!important;
  box-shadow:0 0 10px rgba(31,224,131,.9)!important;
}
#gameView .lobby-header .lobby-live-stats-card #lobbyStats.live-stats-values{
  grid-row:3!important;
  grid-column:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  height:41px!important;
  display:grid!important;
  grid-template-columns:1fr 1px 1fr!important;
  align-items:center!important;
  justify-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-separator{
  display:block!important;
  width:1px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,transparent,rgba(246,200,76,.55),transparent)!important;
  border:0!important;
  opacity:1!important;
}
#gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-item{
  width:100%!important;
  min-width:0!important;
  height:41px!important;
  display:grid!important;
  grid-template-rows:14px 27px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
}
#gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-item small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:10px!important;
  font-weight:900!important;
  color:rgba(255,255,255,.9)!important;
  text-align:center!important;
  white-space:normal!important;
  text-transform:none!important;
  text-shadow:0 1px 3px rgba(0,0,0,.7)!important;
}
#gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-item b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:25px!important;
  line-height:27px!important;
  font-weight:1000!important;
  color:#ffd95d!important;
  text-align:center!important;
  text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 12px rgba(255,217,93,.25)!important;
}
@media (max-width:980px){
  #gameView .lobby-header .lobby-live-stats-card{
    width:244px!important;
    min-width:244px!important;
    height:76px!important;
    min-height:76px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* === LOBI ZAR PIP OPACITY FIX === */
#gameView:not(.playing-board) .lobby-board-preview .preview-die .pip{
  opacity: 1 !important;
}
/* ============================================================
   MEC FIX - LOBIDE DAHA COK MASA GORUNSUN / ALT HOSGELDIN YAZISI GIZLENDI
   Istenen: Alttaki karşılama yazısı kalksın, lobi masa listesi o alana kadar uzasın.
   ============================================================ */
#gameView.table-room:not(.playing-board){
  grid-template-rows: 64px minmax(0, 1fr) 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .bottom-console{
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .bottom-console::before,
#gameView:not(.playing-board) .bottom-console::after{
  content: none !important;
  display: none !important;
}
#gameView:not(.playing-board) .game-table{
  height: calc(100vh - 64px) !important;
  min-height: 0 !important;
  padding-bottom: 8px !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-screen.premium-reference{
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px 22px 8px !important;
  grid-template-rows: minmax(86px, 112px) minmax(0, 1fr) !important;
  gap: 8px !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-main-grid{
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-left{
  grid-template-rows: 54px minmax(0, 1fr) 66px !important;
  min-height: 0 !important;
}
#gameView:not(.playing-board) .match-browser{
  min-height: 0 !important;
  height: 100% !important;
}
#gameView:not(.playing-board) .lobby-table-list{
  height: calc(100% - 38px) !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
#gameView:not(.playing-board) .premium-actions,
#gameView:not(.playing-board) .lobby-actions{
  height: 66px !important;
  min-height: 66px !important;
  padding: 6px 8px !important;
  align-content: center !important;
}
#gameView:not(.playing-board) .lobby-table-list .table-row{
  min-height: 56px !important;
  height: 56px !important;
}
@media (max-height: 720px) and (min-width: 921px){
  #gameView:not(.playing-board) .lobby-screen.premium-reference{
    padding-bottom: 6px !important;
    grid-template-rows: minmax(76px, 96px) minmax(0, 1fr) !important;
  }
  #gameView:not(.playing-board) .lobby-left{
    grid-template-rows: 50px minmax(0, 1fr) 58px !important;
  }
  #gameView:not(.playing-board) .premium-actions,
  #gameView:not(.playing-board) .lobby-actions{
    height: 58px !important;
    min-height: 58px !important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    min-height: 52px !important;
    height: 52px !important;
  }
}

/* === SOHBET PANELI GENISLETME FIX ===
   Kullanici istegi: Sag sohbet bolumu isaretlenen alanin tamamini kaplasin.
   Eski 206px sabit genislik kaldirildi, sohbet paneli sag kolonun tamamına yayildi.
*/
#gameView:not(.playing-board) .lobby-main-grid{
  grid-template-columns: minmax(420px, 520px) minmax(420px, 1fr) minmax(300px, 360px) !important;
}
#gameView:not(.playing-board) .lobby-chat-sidebar{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}
#gameView:not(.playing-board) .lobby-chat-panel{
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  box-sizing: border-box !important;
}
#gameView:not(.playing-board) .lobby-chat-form{
  grid-template-columns: minmax(0, 1fr) 44px !important;
}
#gameView:not(.playing-board) .lobby-chat-form input{
  width: 100% !important;
  min-width: 0 !important;
}
@media (max-width: 1180px){
  #gameView:not(.playing-board) .lobby-main-grid{
    grid-template-columns: minmax(390px, 460px) minmax(360px, 1fr) minmax(270px, 320px) !important;
  }
}

/* Ana lobi yeni masa butonu hizalama */
#gameView:not(.playing-board) .premium-actions,
#gameView:not(.playing-board) .lobby-actions{
  display: flex !important;
  align-items: flex-end !important;
  align-content: normal !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
#gameView:not(.playing-board) .stake-stepper{
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: 38px 130px 38px !important;
  grid-template-rows: 14px 36px !important;
  gap: 0 8px !important;
  align-items: end !important;
  align-self: flex-end !important;
}
#gameView:not(.playing-board) .create-match{
  height: 36px !important;
  min-height: 36px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: flex-end !important;
}


/* === MEC FIX: KIRMIZI CIZGI / DEBUG BORDER KALDIRILDI === */
/* Tasarimi bozan kirmizi cizgi ve kirmizi debug borderlar tamamen devre disi birakildi. */
#gameView .roll-side-btn{
  border-color: rgba(255,226,138,.55) !important;
}
#gameView .lobby-left,
#gameView .match-browser,
#gameView .premium-tabs,
#gameView .lobby-main-grid,
#gameView .lobby-sidebar,
#gameView .lobby-board-preview,
#gameView .lobby-chat-sidebar,
#gameView .lobby-chat-panel{
  outline-color: transparent !important;
}
#gameView .lobby-left::before,
#gameView .lobby-left::after,
#gameView .match-browser::before,
#gameView .match-browser::after,
#gameView .lobby-main-grid::before,
#gameView .lobby-main-grid::after{
  border-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
}


/* === MEC FIX: MASALAR/TURNUVALAR KIRMIZI CERCEVE KALDIRILDI + TURNUVA SAAT ADMIN === */
#gameView .lobby-filter-bar{
  border-color: rgba(255,213,93,.35) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.26) !important;
}
#gameView .lobby-left,
#gameView .match-browser,
#gameView .premium-tabs,
#gameView .lobby-tabs.two-tabs{
  outline: 0 !important;
}
.tournament-time-form{
  display:grid;
  grid-template-columns: 220px 180px 190px;
  gap:10px;
  align-items:end;
  margin:12px 0 14px;
  padding:12px;
  border:1px solid rgba(242,199,75,.22);
  border-radius:10px;
  background:rgba(0,0,0,.16);
}
.tournament-time-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#bfe9d8;
  font-weight:900;
  font-size:12px;
}
.tournament-time-form input{
  height:40px;
  border:1px solid rgba(242,199,75,.32);
  border-radius:8px;
  background:#061611;
  color:#fff;
  padding:0 12px;
  font-weight:900;
}
.tournament-time-form button{
  height:40px;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#22b86f,#0f7a4e);
  color:white;
  font-weight:1000;
  cursor:pointer;
}
@media(max-width:900px){.tournament-time-form{grid-template-columns:1fr;}}

/* Game-only premium dice and checker motion refinements */
#gameView.playing-board .move-landed-bounce { animation: dinamikMoveLandedBounce .34s cubic-bezier(.18,.88,.24,1.35) both; }
@keyframes dinamikMoveLandedBounce {
  0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255,215,106,0)); }
  45% { transform: scale(1.045); filter: drop-shadow(0 0 18px rgba(255,215,106,.42)); }
  100% { transform: scale(1); filter: none; }
}
#gameView.playing-board .classic-checker,
#gameView.playing-board .classic-die,
#gameView.playing-board .die { backface-visibility: hidden; transform-style: preserve-3d; }
#gameView.playing-board .classic-die .classic-pip,
#gameView.playing-board .die .pip { transform: translateZ(1px); }
@media (prefers-reduced-motion: reduce) {
  #gameView.playing-board .classic-dice-board.is-rolling .classic-die,
  #gameView.playing-board .classic-dice-board.is-settling .classic-die,
  #gameView.playing-board .move-landed-bounce { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* === MEC FIX: BONUSLAR görselli kart görünümü === */
.bonus-public-grid{display:grid;gap:12px;margin-top:14px}
.bonus-public-card{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,211,74,.25);border-radius:14px;background:linear-gradient(135deg,rgba(6,35,27,.92),rgba(0,12,10,.96));padding:11px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.bonus-public-card img{width:86px;height:70px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,211,74,.28)}
.bonus-public-empty{width:86px;height:70px;display:grid;place-items:center;border-radius:10px;border:1px dashed rgba(255,211,74,.35);background:rgba(0,0,0,.22);font-size:30px}
.bonus-public-card strong{display:block;color:#ffdc63;font-size:16px;margin-bottom:5px}
.bonus-public-card p{margin:0;color:#eafff5;line-height:1.35;font-size:13px}

/* Canlı destek üye modalı */
.live-support-open{margin-left:auto;border:1px solid rgba(255,213,91,.8);background:linear-gradient(180deg,#16a05d,#057646);color:#fff;border-radius:8px;padding:7px 10px;font-weight:900;cursor:pointer;box-shadow:0 0 12px rgba(39,255,136,.15)}
.live-support-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(5px);z-index:9999;display:grid;place-items:center}.live-support-modal.hidden{display:none}.live-support-card{width:min(560px,92vw);height:min(620px,86vh);display:grid;grid-template-rows:62px 1fr 58px 24px;background:linear-gradient(180deg,#06462e,#001f17);border:1px solid #d6b844;border-radius:16px;box-shadow:0 25px 80px #000;color:#fff;overflow:hidden}.live-support-head{display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(7,85,54,.95);border-bottom:1px solid rgba(255,213,91,.35)}.live-support-head strong{font-size:24px;color:#ffdc68}.live-support-head button{margin-left:auto;border:0;background:#a82020;color:white;border-radius:9px;width:34px;height:34px;font-size:22px}.live-support-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.support-msg{max-width:82%;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.support-msg.user{align-self:flex-end;background:rgba(17,143,86,.35);border-color:rgba(38,255,142,.35)}.support-msg.admin{align-self:flex-start;background:rgba(255,213,91,.14);border-color:rgba(255,213,91,.45)}.support-msg b{display:block;color:#ffdc68;margin-bottom:4px}.support-msg span{display:block;white-space:pre-wrap}.support-msg time{display:block;text-align:right;opacity:.65;font-size:11px;margin-top:6px}.support-empty{text-align:center;color:#bfe8d2;margin:auto}.live-support-form{display:grid;grid-template-columns:1fr 110px;gap:8px;padding:8px 14px;border-top:1px solid rgba(255,213,91,.25)}.live-support-form input{border:1px solid rgba(255,213,91,.45);border-radius:10px;background:#031f17;color:white;padding:0 14px;font-weight:800}.live-support-form button{border:0;border-radius:10px;background:#17a765;color:white;font-weight:900}.live-support-form button:disabled,.live-support-form input:disabled{opacity:.55}.live-support-info{margin:0;padding:0 16px;color:#ffdc68;font-size:12px}

/* AYRIL butonu tek tık kesin çalışsın */
#gameView.playing-board #leaveGameButton.leave-game-button,
#leaveGameButton.leave-game-button {
  display: inline-flex !important;
  position: fixed !important;
  top: 64px !important;
  right: 0 !important;
  width: 218px !important;
  min-width: 218px !important;
  height: 52px !important;
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
#leaveGameButton.leave-game-button * {
  pointer-events: none !important;
}
#leaveConfirmBackdrop.leave-confirm-backdrop:not(.hidden) {
  display: flex !important;
  pointer-events: auto !important;
  z-index: 2147483001 !important;
}
#leaveAcceptButton,
#leaveCancelButton {
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

/* Ingame right panel leave button placement */
#gameView.playing-board .classic-side.right {
  display: flex !important;
  flex-direction: column !important;
}
#gameView.playing-board .classic-side.right .classic-card {
  order: 1 !important;
}
#gameView.playing-board .classic-side.right #leaveGameButton.leave-game-button,
#gameView.playing-board #boardStage .classic-side.right #leaveGameButton.leave-game-button,
body .table-room.playing-board #boardStage .classic-side.right > #leaveGameButton.leave-game-button {
  order: 2 !important;
  display: inline-flex !important;
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  justify-content: center !important;
  z-index: 22 !important;
}


/* === MEC FINAL: üst menü eşit aralık + günlük çark + orta güven satırı === */
#gameView .premium-topbar{
  grid-template-columns: 210px minmax(560px, 760px) minmax(170px, 210px) 72px !important;
  column-gap: 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}
#gameView .premium-nav{
  width: 100% !important;
  height: 64px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(86px, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
  justify-content: center !important;
  overflow: visible !important;
}
#gameView .premium-nav .nav-pill{
  width: 100% !important;
  min-width: 0 !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 6px 7px !important;
  border-radius: 11px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  background: linear-gradient(180deg, rgba(9,76,48,.98), rgba(2,36,25,.98)) !important;
  border: 1px solid rgba(255,207,73,.9) !important;
  box-shadow: inset 0 0 18px rgba(255,207,73,.08), 0 10px 24px rgba(0,0,0,.22) !important;
}
#gameView .premium-nav .nav-pill .nav-icon{
  font-size: 18px !important;
  line-height: 18px !important;
  color: #ffcf49 !important;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.65)) !important;
}
#gameView .premium-nav .nav-pill > span:not(.nav-icon){
  display: block !important;
  width: 100% !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: -.2px !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 2px 4px #000 !important;
}
#gameView .premium-nav .daily-wheel-nav > span:not(.nav-icon){font-size:13px !important; letter-spacing:-.45px !important;}
#gameView .top-icon.notify,
#gameView #settingsButton{ display:none !important; }
#gameView .premium-account{ min-width: 154px !important; }
#gameView #logoutButton{ min-width: 66px !important; }
@media (max-width: 1260px){
  #gameView .premium-topbar{ grid-template-columns: 195px minmax(520px, 1fr) 158px 66px !important; column-gap: 10px !important; }
  #gameView .premium-nav{ gap: 6px !important; grid-template-columns: repeat(6, minmax(78px, 1fr)) !important; }
  #gameView .premium-nav .nav-pill > span:not(.nav-icon){ font-size:12px !important; letter-spacing:-.35px !important; }
  #gameView .premium-nav .daily-wheel-nav > span:not(.nav-icon){ font-size:11.5px !important; letter-spacing:-.55px !important; }
}

#gameView:not(.playing-board) .lobby-board-preview{
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) 66px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  align-self: center !important;
  justify-self: center !important;
  max-height: 100% !important;
}
.lobby-trust-row{
  width: 100% !important;
  height: 64px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  align-items: center !important;
  border: 1px solid rgba(246,196,85,.74) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(3,51,34,.88), rgba(1,30,22,.94)) !important;
  box-shadow: inset 0 0 22px rgba(246,196,85,.06), 0 8px 22px rgba(0,0,0,.24) !important;
  overflow: hidden !important;
}
.lobby-trust-row span{
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #eafbf3 !important;
  border-right: 1px solid rgba(246,196,85,.18) !important;
  text-align: center !important;
}
.lobby-trust-row span:last-child{ border-right: 0 !important; }
.lobby-trust-row b{
  font-size: 20px !important;
  line-height: 1 !important;
  color: #ffbf1e !important;
  font-style: normal !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.65)) !important;
}
.lobby-trust-row em{
  font-style: normal !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  line-height: 1.18 !important;
  letter-spacing: .1px !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.75) !important;
}
@media (max-width: 900px){.lobby-trust-row{grid-template-columns:repeat(2,1fr)!important;height:auto!important;min-height:76px!important}.lobby-trust-row em{font-size:10px!important}}

.daily-wheel-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:4px 0 2px;background:radial-gradient(circle at center,rgba(255,207,73,.13),transparent 56%)}
.daily-wheel-title{font-weight:900;color:#ffd968;text-align:center;text-shadow:0 2px 5px #000;font-size:18px}.daily-wheel-wrap{position:relative;width:340px;height:340px;display:grid;place-items:center}.daily-wheel-wrap::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,77,.20),transparent 60%);filter:blur(5px)}.daily-wheel-disc{position:absolute;inset:0;border-radius:50%;border:5px solid #f6c455;background:conic-gradient(from -90deg,#063d2b 0 51.428deg,#15110b 51.428deg 102.856deg,#075333 102.856deg 154.284deg,#211406 154.284deg 205.712deg,#0b6440 205.712deg 257.14deg,#191209 257.14deg 308.568deg,#063b2a 308.568deg 360deg);box-shadow:0 0 0 8px rgba(246,196,85,.22),inset 0 0 35px rgba(0,0,0,.85),0 0 35px rgba(246,196,85,.34);transition:transform 4.3s cubic-bezier(.12,.76,.08,1)}.daily-wheel-disc::before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(255,218,99,.7);box-shadow:inset 0 0 18px rgba(255,218,99,.18)}.daily-wheel-disc span{position:absolute;left:50%;top:50%;transform:rotate(calc(var(--i) * 51.428deg)) translateY(-108px) rotate(calc(var(--i) * -51.428deg));transform-origin:center;width:64px;margin-left:-32px;margin-top:-12px;text-align:center;color:#ffecaa;font-weight:900;font-size:17px;text-shadow:0 2px 5px #000}.daily-wheel-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #ffd25d;border-bottom:0;filter:drop-shadow(0 3px 7px rgba(0,0,0,.7));z-index:3}.daily-wheel-center{position:relative;z-index:4;width:90px;height:90px;border-radius:50%;border:3px solid #f9d266;background:radial-gradient(circle at 35% 30%,#ffe58a,#d9951f 70%,#5b2b05);color:#171009;font-weight:950;font-size:18px;box-shadow:0 0 0 7px rgba(255,206,77,.24),0 8px 22px rgba(0,0,0,.5);cursor:pointer}.daily-wheel-center:disabled{opacity:.72;cursor:not-allowed;filter:grayscale(.15)}.daily-wheel-result{text-align:left;padding-left:28px;min-height:72px;border:1px solid rgba(246,196,85,.55);border-radius:12px;padding:14px 18px;color:#eafff4;background:rgba(0,28,20,.72);text-align:center;font-weight:750;display:flex;align-items:center;justify-content:center;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.daily-wheel-result strong{color:#ffdf66;font-size:18px}.daily-wheel-note{max-width:360px;text-align:center;color:#9fd7c3;font-size:12px;line-height:1.45}@media (max-width:520px){.daily-wheel-wrap{width:270px;height:270px}.daily-wheel-disc span{transform:rotate(calc(var(--i) * 51.428deg)) translateY(-82px) rotate(calc(var(--i) * -51.428deg));font-size:15px}}
/* Günlük çark: ok sabit, dilimler ve yazılar aynı merkez açılarını kullanır. */
.daily-wheel-disc{background:conic-gradient(from -25.714285deg,#063d2b 0 51.428571deg,#15110b 51.428571deg 102.857142deg,#075333 102.857142deg 154.285713deg,#211406 154.285713deg 205.714284deg,#0b6440 205.714284deg 257.142855deg,#191209 257.142855deg 308.571426deg,#063b2a 308.571426deg 360deg)!important}
.daily-wheel-disc span{display:flex!important;align-items:center!important;justify-content:center!important;width:78px!important;height:26px!important;margin-left:-39px!important;margin-top:-13px!important;line-height:1!important;white-space:nowrap!important;letter-spacing:0!important;transform:rotate(calc(var(--i) * 51.428571deg)) translateY(-108px) rotate(calc(var(--i) * -51.428571deg))!important}
.daily-wheel-countdown{min-height:18px;color:#ffdf66;text-align:center;font-size:13px;font-weight:900;text-shadow:0 2px 5px rgba(0,0,0,.72)}
@media (max-width:520px){.daily-wheel-disc span{width:68px!important;height:24px!important;margin-left:-34px!important;margin-top:-12px!important;transform:rotate(calc(var(--i) * 51.428571deg)) translateY(-82px) rotate(calc(var(--i) * -51.428571deg))!important;font-size:15px!important}.daily-wheel-countdown{font-size:12px}}


/* === MEC KESIN FIX: GUVEN SATIRI TAVLANIN ALTINDA KIRMIZI ALANA === */
#gameView:not(.playing-board) .lobby-board-preview{
  position: relative !important;
  display: block !important;
  padding: 12px !important;
  overflow: hidden !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  position: absolute !important;
  z-index: 2 !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-trust-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  height: 56px !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 0 !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-trust-row em{
  font-size: 10.5px !important;
  line-height: 1.08 !important;
}
#gameView:not(.playing-board) .lobby-board-preview .lobby-trust-row b{
  font-size: 19px !important;
}

/* === UST MENU KESILME / BIRLESIK BUTON FINAL FIX ===
   1366px ekranda 6 butonun tamamı görünür, birbirine yapışmaz,
   Günlük Çark dahil hiçbir yazı yarım kalmaz. */
#gameView .premium-topbar{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100vw!important;
  height:78px!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns: 210px minmax(720px, 1fr) 170px 86px !important;
  gap:10px!important;
  align-items:center!important;
  padding:0 16px!important;
  overflow:hidden!important;
}
#gameView .premium-brand{
  min-width:0!important;
  width:210px!important;
  max-width:210px!important;
  overflow:hidden!important;
}
#gameView .premium-brand .top-brand-logo{
  width:54px!important;
  min-width:54px!important;
  height:50px!important;
}
#gameView .premium-brand strong{font-size:22px!important; line-height:22px!important; white-space:nowrap!important;}
#gameView .premium-brand span{font-size:11px!important; letter-spacing:3px!important; white-space:nowrap!important;}
#gameView .premium-nav{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:66px!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:repeat(6, minmax(105px, 126px))!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
#gameView .premium-nav .nav-pill,
#gameView .nav-pill{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:126px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding:6px 8px!important;
  margin:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:10px!important;
  text-align:center!important;
}
#gameView .premium-nav .nav-pill .nav-icon,
#gameView .nav-pill .nav-icon{
  flex:0 0 20px!important;
  height:20px!important;
  line-height:20px!important;
  font-size:18px!important;
  margin:0!important;
}
#gameView .premium-nav .nav-pill > span:not(.nav-icon),
#gameView .nav-pill > span:not(.nav-icon){
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:17px!important;
  line-height:17px!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
}
#gameView .premium-nav .daily-wheel-nav > span:not(.nav-icon){
  font-size:12px!important;
  letter-spacing:-.2px!important;
}
#gameView .premium-account{
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  display:grid!important;
  grid-template-columns:74px 1fr!important;
  gap:8px!important;
  align-items:center!important;
  overflow:hidden!important;
}
#gameView .premium-account .top-user-box{width:74px!important; height:54px!important; min-height:54px!important;}
#gameView .premium-account .top-balance-box{font-size:14px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;}
#gameView .top-icon.notify,
#gameView #settingsButton,
#gameView #backLobbyButton{display:none!important;}
#gameView #logoutButton.room-bar,
#gameView #logoutButton,
#logoutButton.resign{
  width:86px!important;
  min-width:86px!important;
  max-width:86px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  justify-self:end!important;
  white-space:nowrap!important;
}
@media(max-width:1280px){
  #gameView .premium-topbar{grid-template-columns:195px minmax(675px,1fr) 158px 80px!important; gap:8px!important; padding:0 12px!important;}
  #gameView .premium-brand{width:195px!important; max-width:195px!important;}
  #gameView .premium-brand strong{font-size:20px!important;}
  #gameView .premium-brand span{font-size:10px!important; letter-spacing:2.5px!important;}
  #gameView .premium-nav{grid-template-columns:repeat(6, minmax(98px, 116px))!important; gap:8px!important;}
  #gameView .premium-nav .nav-pill,#gameView .nav-pill{max-width:116px!important; padding-left:6px!important; padding-right:6px!important;}
  #gameView .premium-nav .nav-pill > span:not(.nav-icon),#gameView .nav-pill > span:not(.nav-icon){font-size:12px!important;}
  #gameView .premium-nav .daily-wheel-nav > span:not(.nav-icon){font-size:11px!important;}
  #gameView .premium-account{width:158px!important; min-width:158px!important; max-width:158px!important; grid-template-columns:66px 1fr!important;}
  #gameView .premium-account .top-user-box{width:66px!important;}
  #gameView #logoutButton,#logoutButton.resign{width:80px!important; min-width:80px!important; max-width:80px!important;}
}

/* === PROFIL CERVEVE PREMIUM GERCEK FIX ===
   Sağ üst kullanıcı alanı tek parça profesyonel kart olarak yenilendi. */
#gameView .premium-topbar{
  grid-template-columns: 224px minmax(660px, 1fr) 214px 86px !important;
  gap: 10px !important;
  align-items: center !important;
}
#gameView .pro-account-card,
#gameView .premium-account.pro-account-card,
.premium-account.pro-account-card{
  width: 214px !important;
  min-width: 214px !important;
  max-width: 214px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 5px 13px 5px 6px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,211,88,.78) !important;
  background: linear-gradient(135deg, rgba(0,35,25,.98), rgba(7,78,50,.96) 55%, rgba(0,24,18,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 18px rgba(255,216,86,.06), 0 0 0 1px rgba(255,211,88,.18), 0 10px 24px rgba(0,0,0,.30) !important;
  overflow: hidden !important;
  position: relative !important;
}
#gameView .pro-account-card:hover,
.premium-account.pro-account-card:hover{
  border-color: #ffe28a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 18px rgba(255,211,88,.24), 0 10px 26px rgba(0,0,0,.34) !important;
}
#gameView .pro-account-card::before,
.premium-account.pro-account-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:68px !important;
  top:10px !important;
  bottom:10px !important;
  width:1px !important;
  background:linear-gradient(180deg, transparent, rgba(255,211,88,.42), transparent) !important;
  opacity:1 !important;
  visibility:visible !important;
}
#gameView .pro-account-card::after,
.premium-account.pro-account-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:18px !important;
  background:linear-gradient(90deg, rgba(255,255,255,.06), transparent 38%, rgba(255,211,88,.07)) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
  width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important;
  padding:0 !important; margin:0 !important; border:0 !important;
}
#gameView .pro-account-avatar,
#gameView .premium-account .top-user-box.pro-account-avatar,
#gameView .premium-account .top-user-box,
.premium-account.pro-account-card .top-user-box{
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  min-height: 50px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 2px solid #f4ca56 !important;
  background: radial-gradient(circle at 30% 24%, #b76aff, #8031cf 58%, #4b198a 100%) !important;
  color: #fff6c7 !important;
  font-size: 0 !important;
  font-weight: 1000 !important;
  line-height: 50px !important;
  text-align: center !important;
  text-indent: 0 !important;
  box-shadow: inset 0 2px 7px rgba(255,255,255,.22), 0 0 0 4px rgba(255,211,88,.12), 0 8px 18px rgba(0,0,0,.38) !important;
  z-index: 2 !important;
}
#gameView .premium-account .top-user-box::first-letter{font-size:22px!important;}
#gameView .top-account-info,
.premium-account.pro-account-card .top-account-info{
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 24px 20px !important;
  align-content: center !important;
  gap: 1px !important;
  z-index: 2 !important;
}
#gameView .top-account-info strong,
.premium-account.pro-account-card .top-account-info strong{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:22px !important;
  font-weight:1000 !important;
  letter-spacing:.2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 2px 7px rgba(0,0,0,.65) !important;
}
#gameView .top-account-info span,
#gameView .top-balance-box,
.premium-account.pro-account-card .top-balance-box,
.premium-account.pro-account-card #topBalanceBox{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  height:20px !important;
  min-height:20px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,211,88,.38) !important;
  background:rgba(0,18,13,.46) !important;
  color:#ffd85c !important;
  font-size:14px !important;
  font-weight:1000 !important;
  line-height:18px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 2px 6px rgba(0,0,0,.55) !important;
}
#gameView #logoutButton,
#logoutButton.resign{
  height:58px !important;
  min-height:58px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,211,88,.75) !important;
  background:linear-gradient(180deg, rgba(3,43,30,.96), rgba(0,20,15,.98)) !important;
  color:#fff7d0 !important;
  font-weight:1000 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 8px 18px rgba(0,0,0,.25) !important;
}
@media(max-width:1280px){
  #gameView .premium-topbar{grid-template-columns:195px minmax(640px,1fr) 200px 80px!important; gap:8px!important; padding:0 10px!important;}
  #gameView .premium-account.pro-account-card{width:200px!important; min-width:200px!important; max-width:200px!important; grid-template-columns:54px minmax(0,1fr)!important;}
  #gameView .premium-account .top-user-box.pro-account-avatar,#gameView .premium-account .top-user-box{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;}
  #gameView .top-account-info strong{font-size:16px!important;}
}

/* === PROFESSIONAL USER PROFILE FRAME - FINAL REAL FIX === */
#gameView .premium-account.pro-account-card,
.premium-account.pro-account-card{
  width: 208px !important;
  min-width: 208px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 5px 14px 5px 6px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 213, 91, .78) !important;
  background:
    linear-gradient(135deg, rgba(255,213,91,.10), transparent 24%),
    linear-gradient(180deg, rgba(7,63,44,.96), rgba(0,28,21,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -18px 30px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,213,91,.12),
    0 10px 26px rgba(0,0,0,.36) !important;
  overflow: hidden !important;
  position: relative !important;
  justify-self: end !important;
}
#gameView .premium-account.pro-account-card::before,
.premium-account.pro-account-card::before{
  content:"" !important;
  position:absolute !important;
  left: 70px !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 1px !important;
  height: auto !important;
  background: linear-gradient(180deg, transparent, rgba(255,213,91,.42), transparent) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#gameView .premium-account.pro-account-card::after,
.premium-account.pro-account-card::after{
  content:"" !important;
  position:absolute !important;
  inset: 0 !important;
  border-radius: 18px !important;
  pointer-events:none !important;
  background: radial-gradient(circle at 30% 50%, rgba(255,213,91,.16), transparent 34%) !important;
  opacity: .9 !important;
  border:0 !important;
  width:auto !important;
  height:auto !important;
}
#gameView .premium-account.pro-account-card:hover,
.premium-account.pro-account-card:hover{
  border-color: rgba(255,232,138,.95) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 22px rgba(255,213,91,.20),
    0 12px 28px rgba(0,0,0,.40) !important;
}
#gameView .premium-account.pro-account-card .top-user-box.pro-account-avatar,
#gameView .premium-account .top-user-box.pro-account-avatar,
#gameView .pro-account-avatar,
.premium-account.pro-account-card .top-user-box.pro-account-avatar{
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,224,112,.95) !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,221,95,.22) 0 29%, transparent 31%),
    radial-gradient(circle at 50% 50%, #153c2e 0 48%, #071c16 49% 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 48px !important;
  text-indent: 0 !important;
  box-shadow:
    inset 0 0 0 3px rgba(255,213,91,.12),
    inset 0 0 16px rgba(255,213,91,.14),
    0 0 0 3px rgba(255,213,91,.10),
    0 0 18px rgba(255,213,91,.34),
    0 8px 18px rgba(0,0,0,.45) !important;
  position: relative !important;
  z-index: 3 !important;
}
#gameView .premium-account.pro-account-card .top-user-box.pro-account-avatar::before,
#gameView .premium-account .top-user-box.pro-account-avatar::before,
.premium-account.pro-account-card .top-user-box.pro-account-avatar::before{
  content: attr(data-initial) !important;
  position: absolute !important;
  inset: 5px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background:
    linear-gradient(180deg, rgba(255,233,137,.10), rgba(255,213,91,.03)),
    radial-gradient(circle at 50% 42%, #1f5a3f 0 8%, #0b2d22 58%, #061710 100%) !important;
  color: #ffdf67 !important;
  font-size: 25px !important;
  font-weight: 1000 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(255,213,91,.68), 0 2px 4px rgba(0,0,0,.75) !important;
  border: 1px solid rgba(255,213,91,.44) !important;
}
#gameView .premium-account.pro-account-card .top-user-box.pro-account-avatar::after,
#gameView .premium-account .top-user-box.pro-account-avatar::after,
.premium-account.pro-account-card .top-user-box.pro-account-avatar::after{
  content:"" !important;
  position:absolute !important;
  right: 1px !important;
  bottom: 3px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  border-radius: 50% !important;
  background: #26f58a !important;
  border: 2px solid #062119 !important;
  box-shadow: 0 0 10px rgba(38,245,138,.75) !important;
  padding:0 !important;
  margin:0 !important;
}
#gameView .premium-account.pro-account-card .top-account-info,
.premium-account.pro-account-card .top-account-info{
  display: grid !important;
  grid-template-rows: 22px 22px !important;
  gap: 2px !important;
  align-content: center !important;
  min-width: 0 !important;
  z-index: 3 !important;
}
#gameView .premium-account.pro-account-card .top-account-info strong,
.premium-account.pro-account-card .top-account-info strong{
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 1000 !important;
  letter-spacing: .15px !important;
  text-shadow: 0 2px 7px rgba(0,0,0,.70) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#gameView .premium-account.pro-account-card .top-account-info strong::after,
.premium-account.pro-account-card .top-account-info strong::after{
  content:"Aktif Üye" !important;
  display:inline-flex !important;
  align-items:center !important;
  height: 18px !important;
  margin-left: 8px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #1bb16d, #0b7d4d) !important;
  border: 1px solid rgba(123,255,184,.30) !important;
  color:#eafff2 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  vertical-align: 2px !important;
  text-shadow: none !important;
}
#gameView .premium-account.pro-account-card #topBalanceBox,
.premium-account.pro-account-card #topBalanceBox{
  width: max-content !important;
  max-width: 104px !important;
  height: 22px !important;
  min-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,213,91,.34) !important;
  background: rgba(0, 17, 12, .55) !important;
  color: #ffd85c !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 1000 !important;
  letter-spacing: .1px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}
@media (max-width: 980px){
  #gameView .premium-account.pro-account-card,
  .premium-account.pro-account-card{
    width: 184px !important;
    min-width: 184px !important;
    grid-template-columns: 52px minmax(0,1fr) !important;
    gap: 9px !important;
  }
}

/* === PREMIUM USER BAR - TOP MENU ONLY === */
#gameView .premium-topbar{
  grid-template-columns:224px minmax(520px,1fr) minmax(330px,455px)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:72px!important;
  height:72px!important;
  overflow:hidden!important;
}
#gameView .premium-user-bar,
#gameView .premium-account.pro-account-card.premium-user-bar{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:330px!important;
  max-width:455px!important;
  height:64px!important;
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,205,80,.85)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg, rgba(9,45,34,.98), rgba(2,20,16,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 0 18px rgba(255,198,70,.16)!important;
  overflow:hidden!important;
  position:relative!important;
  justify-self:end!important;
  transform:none!important;
}
#gameView .premium-user-bar::before,
#gameView .premium-user-bar::after{
  content:none!important;
  display:none!important;
}
#gameView .premium-avatar,
#gameView .premium-user-bar .premium-avatar.top-user-box.pro-account-avatar,
#gameView .premium-user-bar .top-user-box{
  box-sizing:border-box!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  flex:0 0 54px!important;
  border-radius:50%!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  background:radial-gradient(circle at 35% 28%, rgba(255,230,140,.25), transparent 30%), linear-gradient(145deg, #07130f, #101b14)!important;
  border:2px solid #f2c85b!important;
  color:#ffd86a!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.55), 0 0 16px rgba(242,200,91,.35)!important;
  z-index:2!important;
}
#gameView .premium-user-bar .premium-avatar::before,
#gameView .premium-user-bar .premium-avatar::after{
  content:none!important;
  display:none!important;
}
#gameView .premium-avatar-letter{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  line-height:1!important;
  color:#ffd86a!important;
  font-size:24px!important;
  font-weight:900!important;
  font-family:Arial, Helvetica, sans-serif!important;
  text-shadow:0 2px 4px rgba(0,0,0,.75)!important;
  transform:translateY(-1px)!important;
  pointer-events:none!important;
}
#gameView .premium-online-dot{
  position:absolute!important;
  right:2px!important;
  bottom:4px!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  border-radius:50%!important;
  background:#16f08a!important;
  border:2px solid #07130f!important;
  box-shadow:0 0 8px rgba(22,240,138,.9)!important;
  pointer-events:none!important;
  z-index:4!important;
}
#gameView .premium-user-info,
#gameView .premium-user-bar .top-account-info{
  min-width:86px!important;
  max-width:120px!important;
  flex:1 1 102px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
  overflow:hidden!important;
  z-index:2!important;
}
#gameView .premium-username,
#gameView .premium-user-bar .top-account-info strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 7px rgba(0,0,0,.65)!important;
}
#gameView .premium-user-bar .top-account-info strong::after{
  content:none!important;
  display:none!important;
}
#gameView .premium-status{
  margin-top:5px!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg, #24b86c, #087a48)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#gameView .premium-balance-card{
  box-sizing:border-box!important;
  height:44px!important;
  min-width:92px!important;
  flex:0 0 104px!important;
  padding:5px 24px 5px 10px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,205,80,.35)!important;
  background:rgba(0,0,0,.24)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}
#gameView .premium-balance-card .label{
  color:rgba(255,255,255,.62)!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
}
#gameView .premium-balance-card .amount,
#gameView .premium-user-bar #topBalanceBox{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffd45e!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#gameView .premium-balance-arrow{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#ffd45e!important;
  font-size:13px!important;
  line-height:1!important;
}
#gameView .premium-logout-btn,
#gameView .premium-user-bar #logoutButton,
#logoutButton.premium-logout-btn.resign{
  box-sizing:border-box!important;
  height:44px!important;
  min-height:44px!important;
  width:auto!important;
  min-width:74px!important;
  max-width:86px!important;
  flex:0 0 auto!important;
  padding:0 14px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,205,80,.6)!important;
  background:linear-gradient(180deg, rgba(9,45,34,.95), rgba(2,20,16,.95))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:44px!important;
  text-align:center!important;
  cursor:pointer!important;
  justify-self:auto!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11), 0 8px 18px rgba(0,0,0,.25)!important;
}
#gameView .premium-logout-btn:hover{
  border-color:rgba(255,226,120,.95)!important;
  color:#fff7d0!important;
}
@media(max-width:1280px){
  #gameView .premium-topbar{grid-template-columns:195px minmax(430px,1fr) minmax(330px,386px)!important;gap:8px!important;padding:0 10px!important;}
  #gameView .premium-user-bar,#gameView .premium-account.pro-account-card.premium-user-bar{max-width:386px!important;gap:10px!important;padding-left:8px!important;padding-right:8px!important;}
  #gameView .premium-user-info,#gameView .premium-user-bar .top-account-info{max-width:104px!important;}
  #gameView .premium-balance-card{flex-basis:96px!important;min-width:90px!important;}
  #gameView .premium-logout-btn,#gameView .premium-user-bar #logoutButton{min-width:70px!important;padding:0 10px!important;}
}
@media(max-width:980px){
  #gameView .premium-topbar{grid-template-columns:minmax(150px,190px) minmax(260px,1fr)!important;grid-auto-columns:1fr!important;height:auto!important;min-height:72px!important;}
  #gameView .premium-user-bar,#gameView .premium-account.pro-account-card.premium-user-bar{grid-column:1 / -1!important;justify-self:stretch!important;max-width:none!important;min-width:0!important;width:100%!important;}
  #gameView .premium-nav{display:none!important;}
}
@media(max-width:520px){
  #gameView .premium-user-bar,#gameView .premium-account.pro-account-card.premium-user-bar{gap:8px!important;padding:5px 7px!important;}
  #gameView .premium-user-info,#gameView .premium-user-bar .top-account-info{min-width:58px!important;max-width:none!important;flex:1 1 72px!important;}
  #gameView .premium-balance-card{min-width:82px!important;flex:0 1 88px!important;padding-right:20px!important;}
  #gameView .premium-balance-card .amount,#gameView .premium-user-bar #topBalanceBox{font-size:15px!important;}
  #gameView .premium-logout-btn,#gameView .premium-user-bar #logoutButton{min-width:60px!important;padding:0 8px!important;font-size:12px!important;}
}

/* === PREMIUM USER BAR - MOBILE WIDTH CORRECTION === */
@media(max-width:980px){
  #gameView .premium-topbar{
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:auto!important;
    gap:8px!important;
    padding:0 10px!important;
    overflow:hidden!important;
  }
  #gameView .premium-brand{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* === CEM REQUEST FINAL: TURKISH, QUICK PLAY, LOGO, LOBBY PREVIEW === */
html, body, button, input, textarea, select{
  font-family:"Segoe UI", "Inter", "Arial", sans-serif!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
#gameView .premium-topbar{
  grid-template-columns:224px minmax(500px,1fr) minmax(398px,470px)!important;
  column-gap:16px!important;
}
#gameView .premium-nav{
  padding-right:14px!important;
  border-right:1px solid rgba(255,205,80,.42)!important;
}
#gameView .premium-user-bar,
#gameView .premium-account.pro-account-card.premium-user-bar{
  margin-left:0!important;
  border-left-width:2px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), -10px 0 24px rgba(0,0,0,.18), 0 0 18px rgba(255,198,70,.16)!important;
}
#gameView .premium-username,
#gameView .premium-user-bar .top-account-info strong{
  font-family:"Segoe UI Variable Display", "Segoe UI", Arial, sans-serif!important;
  font-size:17px!important;
  font-weight:950!important;
  letter-spacing:.25px!important;
  color:#fffdf4!important;
  text-shadow:0 1px 0 rgba(255,231,143,.18), 0 3px 8px rgba(0,0,0,.82), 0 0 14px rgba(255,215,92,.10)!important;
}
#gameView .premium-user-info::after{
  content:""!important;
  width:70%!important;
  height:1px!important;
  margin-top:4px!important;
  background:linear-gradient(90deg, rgba(255,216,106,.72), transparent)!important;
  display:block!important;
}
#gameView .premium-brand .top-brand-logo,
#gameView .lobby-ad img,
.auth-hero-image{
  object-fit:contain!important;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(255,210,87,.18))!important;
}
#gameView .premium-brand .top-brand-logo{
  width:58px!important;
  height:48px!important;
  border-radius:8px!important;
  animation:premiumLogoPulse 5.8s ease-in-out infinite!important;
}
#gameView .lobby-ad{
  overflow:hidden!important;
  background:radial-gradient(circle at 20% 50%, rgba(255,213,91,.16), transparent 24%), linear-gradient(90deg, rgba(0,56,35,.72), rgba(0,91,53,.38), rgba(0,42,29,.62))!important;
}
#gameView .lobby-ad img{
  width:102px!important;
  height:68px!important;
  border-radius:10px!important;
  animation:premiumLogoFloat 6.4s ease-in-out infinite!important;
}
#gameView .lobby-ad strong{
  animation:none!important;
  text-shadow:0 3px 8px rgba(0,0,0,.75), 0 0 18px rgba(255,210,87,.22)!important;
}
@keyframes premiumLogoPulse{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 6px 14px rgba(0,0,0,.62)) drop-shadow(0 0 8px rgba(255,210,87,.14));}
  50%{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 8px 16px rgba(0,0,0,.68)) drop-shadow(0 0 18px rgba(255,210,87,.32));}
}
@keyframes premiumLogoFloat{
  0%,100%{transform:translateX(0) translateY(0) scale(1);}
  45%{transform:translateX(5px) translateY(-2px) scale(1.035);}
  70%{transform:translateX(-2px) translateY(0) scale(1.01);}
}
#gameView:not(.playing-board) .lobby-board-preview{
  padding:12px!important;
  background:radial-gradient(circle at 50% 18%, rgba(255,213,91,.10), transparent 30%), linear-gradient(180deg, rgba(1,40,27,.98), rgba(0,18,13,.98))!important;
}
#gameView:not(.playing-board) .quick-play-banner{
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,224,112,.92)!important;
  background:linear-gradient(90deg, rgba(4,47,32,.98), rgba(24,107,66,.98) 44%, rgba(5,42,30,.98))!important;
  color:#fff8d6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20), inset 0 -12px 24px rgba(0,0,0,.22), 0 0 18px rgba(255,205,72,.28), 0 12px 24px rgba(0,0,0,.32)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
#gameView:not(.playing-board) .quick-play-banner::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(110deg, transparent 0 32%, rgba(255,255,255,.20) 46%, transparent 62% 100%)!important;
  transform:translateX(-110%)!important;
  animation:quickPlayShine 4.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
#gameView:not(.playing-board) .quick-play-banner:disabled{opacity:.68!important;cursor:wait!important;}
#gameView:not(.playing-board) .quick-play-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  background:radial-gradient(circle,#ffe783,#c98b19)!important;color:#142015!important;font-size:21px!important;font-weight:900!important;
  box-shadow:0 0 18px rgba(255,213,91,.52)!important;z-index:1!important;
}
#gameView:not(.playing-board) .quick-play-copy{display:flex!important;flex-direction:column!important;align-items:center!important;line-height:1.05!important;z-index:1!important;}
#gameView:not(.playing-board) .quick-play-copy strong{font-size:18px!important;font-weight:950!important;letter-spacing:.35px!important;text-shadow:0 2px 5px rgba(0,0,0,.76)!important;}
#gameView:not(.playing-board) .quick-play-copy small{margin-top:4px!important;color:#e7ffe9!important;font-size:10px!important;font-weight:800!important;letter-spacing:.15px!important;}
#gameView:not(.playing-board) .quick-play-arrow{font-size:34px!important;color:#ffd86a!important;font-weight:300!important;line-height:1!important;z-index:1!important;}
@keyframes quickPlayShine{0%,58%{transform:translateX(-110%);opacity:0;}70%{opacity:1;}100%{transform:translateX(110%);opacity:0;}}
#gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{
  border-radius:10px!important;
  border:1px solid rgba(255,220,112,.56)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.46), inset 0 0 0 2px rgba(0,0,0,.25)!important;
}
#gameView:not(.playing-board) .lobby-board-dice{
  left:28%!important;
  top:50%!important;
  width:78px!important;
  height:45px!important;
}
#gameView:not(.playing-board) .die-one{left:0!important;top:7px!important;animation:lobbyDiceRuleOne 6.8s cubic-bezier(.34,.08,.2,1) infinite!important;}
#gameView:not(.playing-board) .die-two{right:2px!important;top:15px!important;animation:lobbyDiceRuleTwo 6.8s cubic-bezier(.34,.08,.2,1) infinite .12s!important;}
#gameView:not(.playing-board) .preview-piece{width:clamp(24px,3.5vw,34px)!important;z-index:5!important;}
#gameView:not(.playing-board) .piece-a{left:61%!important;top:72%!important;animation:lobbyCheckerLightA 7.2s ease-in-out infinite!important;}
#gameView:not(.playing-board) .piece-b{left:31%!important;top:73%!important;animation:lobbyCheckerDarkB 7.2s ease-in-out infinite .2s!important;}
#gameView:not(.playing-board) .piece-c{left:65%!important;top:60%!important;animation:lobbyCheckerLightC 7.2s ease-in-out infinite .45s!important;}
#gameView:not(.playing-board) .piece-d{left:58%!important;top:23%!important;animation:lobbyCheckerDarkD 7.2s ease-in-out infinite .75s!important;}
#gameView:not(.playing-board) .piece-e{left:70%!important;top:48%!important;animation:lobbyCheckerLightE 7.2s ease-in-out infinite 1s!important;}
#gameView:not(.playing-board) .piece-f{left:35%!important;top:61%!important;animation:lobbyCheckerDarkF 7.2s ease-in-out infinite 1.25s!important;}
@keyframes lobbyDiceRuleOne{0%,68%,100%{transform:translate3d(0,0,0) rotate(-12deg);}76%{transform:translate3d(18px,-12px,0) rotate(96deg);}84%{transform:translate3d(4px,4px,0) rotate(174deg);}92%{transform:translate3d(0,0,0) rotate(348deg);}}
@keyframes lobbyDiceRuleTwo{0%,68%,100%{transform:translate3d(0,0,0) rotate(16deg);}76%{transform:translate3d(-14px,-10px,0) rotate(-88deg);}84%{transform:translate3d(-2px,3px,0) rotate(-181deg);}92%{transform:translate3d(0,0,0) rotate(-344deg);}}
@keyframes lobbyCheckerLightA{0%,45%,100%{left:61%;top:72%;}62%,76%{left:55%;top:56%;filter:brightness(1.22) drop-shadow(0 0 12px rgba(255,218,82,.82));}}
@keyframes lobbyCheckerDarkB{0%,50%,100%{left:31%;top:73%;}66%,78%{left:37%;top:61%;filter:brightness(1.18) drop-shadow(0 0 10px rgba(255,218,82,.62));}}
@keyframes lobbyCheckerLightC{0%,48%,100%{left:65%;top:60%;}66%,80%{left:69%;top:44%;filter:brightness(1.2) drop-shadow(0 0 12px rgba(255,218,82,.72));}}
@keyframes lobbyCheckerDarkD{0%,52%,100%{left:58%;top:23%;}70%,82%{left:63%;top:31%;filter:brightness(1.12) drop-shadow(0 0 10px rgba(255,218,82,.58));}}
@keyframes lobbyCheckerLightE{0%,54%,100%{left:70%;top:48%;}72%,84%{left:74%;top:36%;filter:brightness(1.18) drop-shadow(0 0 12px rgba(255,218,82,.66));}}
@keyframes lobbyCheckerDarkF{0%,56%,100%{left:35%;top:61%;}74%,86%{left:42%;top:48%;filter:brightness(1.14) drop-shadow(0 0 10px rgba(255,218,82,.54));}}
#gameView:not(.playing-board) .lobby-trust-row{
  bottom:12px!important;
  height:56px!important;
  border-color:rgba(255,205,80,.62)!important;
}
#gameView:not(.playing-board) .lobby-trust-row span{
  gap:7px!important;
  border-right:1px solid rgba(255,205,80,.32)!important;
  padding:0 8px!important;
}
#gameView:not(.playing-board) .lobby-trust-row span:last-child{border-right:0!important;}
#gameView:not(.playing-board) .lobby-trust-row em{font-size:10px!important;line-height:1.08!important;letter-spacing:0!important;white-space:normal!important;}
#gameView:not(.playing-board) .lobby-chat-message span,
#gameView .auth-panel,
#gameView .lobby-chat-form input,
.auth-panel{font-feature-settings:"kern" 1!important;}
@media(max-width:1280px){
  #gameView .premium-topbar{grid-template-columns:195px minmax(420px,1fr) minmax(370px,410px)!important;column-gap:10px!important;}
  #gameView .premium-nav{padding-right:8px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:16px!important;}
}
@media(max-width:980px){
  #gameView .premium-topbar{grid-template-columns:minmax(0,1fr)!important;}
  #gameView .premium-nav{border-right:0!important;padding-right:0!important;}
  #gameView:not(.playing-board) .quick-play-banner{height:54px!important;min-height:54px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:14px!important;}
  #gameView:not(.playing-board) .quick-play-copy small{display:none!important;}
}

/* === CEM REQUEST FINAL: NON-OVERLAPPING RULE-LIKE CHECKERS === */
#gameView:not(.playing-board) .piece-a{left:56%!important;top:76%!important;animation:lobbyCheckerGlowA 6.8s ease-in-out infinite!important;}
#gameView:not(.playing-board) .piece-c{left:66%!important;top:60%!important;animation:lobbyCheckerGlowB 6.8s ease-in-out infinite .45s!important;}
#gameView:not(.playing-board) .piece-e{left:77%!important;top:42%!important;animation:lobbyCheckerGlowC 6.8s ease-in-out infinite .9s!important;}
#gameView:not(.playing-board) .piece-b{left:29%!important;top:76%!important;animation:lobbyCheckerGlowD 6.8s ease-in-out infinite .2s!important;}
#gameView:not(.playing-board) .piece-f{left:40%!important;top:58%!important;animation:lobbyCheckerGlowE 6.8s ease-in-out infinite .65s!important;}
#gameView:not(.playing-board) .piece-d{left:60%!important;top:24%!important;animation:lobbyCheckerGlowF 6.8s ease-in-out infinite 1.1s!important;}
@keyframes lobbyCheckerGlowA{0%,100%{filter:brightness(1)}45%,58%{filter:brightness(1.24) drop-shadow(0 0 12px rgba(255,218,82,.82));}}
@keyframes lobbyCheckerGlowB{0%,100%{filter:brightness(1)}48%,61%{filter:brightness(1.22) drop-shadow(0 0 12px rgba(255,218,82,.76));}}
@keyframes lobbyCheckerGlowC{0%,100%{filter:brightness(1)}51%,64%{filter:brightness(1.2) drop-shadow(0 0 12px rgba(255,218,82,.70));}}
@keyframes lobbyCheckerGlowD{0%,100%{filter:brightness(1)}46%,59%{filter:brightness(1.18) drop-shadow(0 0 10px rgba(255,218,82,.66));}}
@keyframes lobbyCheckerGlowE{0%,100%{filter:brightness(1)}50%,63%{filter:brightness(1.16) drop-shadow(0 0 10px rgba(255,218,82,.60));}}
@keyframes lobbyCheckerGlowF{0%,100%{filter:brightness(1)}54%,67%{filter:brightness(1.14) drop-shadow(0 0 10px rgba(255,218,82,.56));}}

/* === CEM REQUEST FINAL: LOBBY MOBILE SINGLE COLUMN SAFETY === */
@media(max-width:980px){
  #gameView:not(.playing-board) .lobby-screen.premium-reference,
  #gameView:not(.playing-board) .game-table{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-main-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:auto!important;
    gap:10px!important;
  }
  #gameView:not(.playing-board) .lobby-left,
  #gameView:not(.playing-board) .lobby-board-preview,
  #gameView:not(.playing-board) .lobby-chat-sidebar,
  #gameView:not(.playing-board) .lobby-chat-panel{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    left:10px!important;
    right:10px!important;
    width:auto!important;
  }
}

/* === CEM MOBILE LOBBY FINAL - desktop untouched, mobile like reference 3 === */
@media (max-width: 700px){
  html, body{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; background:#020d09!important; }
  #gameView.table-room{ min-height:100dvh!important; grid-template-rows:auto 1fr!important; background:radial-gradient(circle at 50% 0%,rgba(12,120,73,.28),transparent 30%),linear-gradient(180deg,#04130e,#010806)!important; }
  #gameView .game-table{ padding:6px 7px 76px!important; width:100%!important; max-width:100vw!important; overflow-x:hidden!important; }

  /* Üst bar: 3. görseldeki kompakt mobil başlık */
  #gameView .premium-topbar{
    height:auto!important; min-height:0!important; padding:6px 7px 7px!important; gap:5px!important;
    display:grid!important; grid-template-columns:minmax(92px,1fr) minmax(0,188px) 34px!important; align-items:center!important;
    overflow:visible!important; border-bottom:1px solid rgba(255,202,68,.35)!important;
  }
  #gameView .premium-brand{ grid-column:1!important; min-width:0!important; gap:5px!important; display:flex!important; align-items:center!important; }
  #gameView .premium-brand .top-brand-logo{ width:28px!important; height:24px!important; border-radius:4px!important; object-fit:cover!important; }
  #gameView .premium-brand strong{ font-size:11px!important; line-height:1!important; letter-spacing:.6px!important; color:#ffd86a!important; }
  #gameView .premium-brand span{ font-size:6px!important; letter-spacing:1.6px!important; line-height:1!important; }
  #gameView #userLine{ display:none!important; }

  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    grid-column:2!important; grid-row:1!important; height:42px!important; min-height:42px!important; width:100%!important; max-width:188px!important;
    display:grid!important; grid-template-columns:34px minmax(0,1fr) 52px!important; gap:4px!important; padding:3px 4px!important;
    border-radius:11px!important; justify-self:end!important; background:linear-gradient(180deg,rgba(7,42,30,.96),rgba(2,16,12,.98))!important;
  }
  #gameView .premium-avatar,#gameView .premium-user-bar .top-user-box{ width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;border-width:2px!important; }
  #gameView .premium-avatar-letter{ font-size:16px!important; }
  #gameView .premium-online-dot{ width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;right:1px!important;bottom:2px!important;border-width:1px!important; }
  #gameView .premium-user-info,#gameView .premium-user-bar .top-account-info{ min-width:0!important; max-width:none!important; flex:none!important; }
  #gameView .premium-username,#gameView .premium-user-bar .top-account-info strong{ font-size:10px!important; line-height:1.05!important; }
  #gameView .premium-status{ margin-top:2px!important; padding:2px 5px!important; font-size:7px!important; }
  #gameView .premium-balance-card{ height:30px!important; min-width:0!important; flex:none!important; padding:3px 12px 3px 5px!important; border-radius:8px!important; }
  #gameView .premium-balance-card .label{ font-size:6px!important; }
  #gameView .premium-balance-card .amount,#gameView .premium-user-bar #topBalanceBox{ font-size:10px!important; }
  #gameView .premium-balance-arrow{ right:4px!important; font-size:9px!important; }
  #gameView .premium-logout-btn,#gameView .premium-user-bar #logoutButton{ display:none!important; }
  #settingsButton.top-icon{ grid-column:3!important; display:grid!important; place-items:center!important; width:32px!important;height:32px!important;min-height:32px!important;border-radius:8px!important;background:rgba(3,38,25,.96)!important;border:1px solid rgba(255,207,82,.58)!important;color:#ffd86a!important;font-size:17px!important; }
  #gameView .top-icon.notify{ display:none!important; }

  /* Mobil ikon menü: üstte dar ve eşit aralıklı */
  #gameView .premium-nav{
    grid-column:1 / -1!important; grid-row:2!important; display:grid!important; grid-template-columns:repeat(6,1fr)!important; gap:4px!important;
    width:100%!important; padding:2px 0 0!important; border:0!important; overflow:visible!important; min-width:0!important;
  }
  #gameView .nav-pill{ min-width:0!important; min-height:36px!important; height:36px!important; padding:2px 1px!important; gap:1px!important; border-radius:8px!important; border:1px solid rgba(255,209,77,.24)!important; background:rgba(4,37,25,.76)!important; color:#f4fff5!important; font-size:6.5px!important; line-height:1!important; }
  #gameView .nav-pill .nav-icon{ font-size:11px!important; line-height:1!important; color:#ffd45f!important; }
  #gameView .nav-pill span:last-child{ white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; max-width:100%!important; }
  #gameView .daily-wheel-nav span:last-child{ font-size:5.8px!important; }

  /* Lobi ana akış: hızlı oyun + tahta önce, masa ve sohbet sonra */
  #gameView:not(.playing-board) .lobby-screen.premium-reference{ min-height:0!important; width:100%!important; max-width:100%!important; padding:0!important; border-radius:12px!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; gap:6px!important; background:linear-gradient(180deg,rgba(2,39,27,.96),rgba(1,16,12,.98))!important; }
  #gameView:not(.playing-board) .lobby-header{ order:1!important; display:grid!important; grid-template-columns:1fr 82px!important; grid-template-areas:"stats clock" "ad ad"!important; gap:5px!important; padding:7px!important; min-height:0!important; background:radial-gradient(circle at 75% 18%,rgba(255,216,88,.30),transparent 15%),linear-gradient(105deg,rgba(2,45,30,.94),rgba(5,80,48,.84),rgba(2,29,22,.95))!important; }
  #gameView .lobby-header .lobby-live-stats-card{ grid-area:stats!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; padding:5px 8px!important; border-radius:10px!important; }
  #gameView .lobby-header .lobby-live-stats-card .live-stats-title{ font-size:10px!important; margin-bottom:2px!important; }
  #gameView .lobby-header .lobby-live-stats-card #lobbyStats.live-stats-values{ gap:8px!important; }
  #gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-item small,.stat-chip small{ font-size:6px!important; }
  #gameView .lobby-header .lobby-live-stats-card #lobbyStats .live-stat-item b,.stat-chip b{ font-size:14px!important; }
  #gameView:not(.playing-board) .lobby-clock{ grid-area:clock!important; justify-self:stretch!important; height:48px!important; min-height:48px!important; padding:5px 4px!important; border-radius:10px!important; text-align:center!important; }
  #gameView:not(.playing-board) .lobby-clock small{ font-size:6px!important; line-height:1!important; display:block!important; }
  #gameView:not(.playing-board) .lobby-clock strong{ font-size:15px!important; line-height:1.05!important; display:block!important; }
  #gameView:not(.playing-board) .lobby-clock span{ font-size:12px!important; line-height:1!important; }
  #gameView:not(.playing-board) .lobby-ad{ grid-area:ad!important; min-height:40px!important; display:flex!important; justify-content:center!important; align-items:center!important; gap:8px!important; padding:0!important; }
  #gameView:not(.playing-board) .lobby-ad img{ width:44px!important; height:34px!important; border-radius:6px!important; }
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{ font-size:22px!important; line-height:.92!important; text-align:center!important; }
  #gameView:not(.playing-board) .lobby-ad-title-clean span{ display:none!important; }

  #gameView:not(.playing-board) .lobby-main-grid{ order:2!important; display:flex!important; flex-direction:column!important; gap:7px!important; padding:0 7px 7px!important; width:100%!important; max-width:100%!important; }
  #gameView:not(.playing-board) .lobby-board-preview{ order:1!important; width:100%!important; min-width:0!important; max-width:100%!important; padding:7px!important; border-radius:12px!important; gap:6px!important; display:flex!important; flex-direction:column!important; }
  #gameView:not(.playing-board) .quick-play-banner{ position:relative!important; left:auto!important; right:auto!important; width:100%!important; height:42px!important; min-height:42px!important; gap:8px!important; border-radius:10px!important; }
  #gameView:not(.playing-board) .quick-play-icon{ width:26px!important; height:26px!important; font-size:16px!important; }
  #gameView:not(.playing-board) .quick-play-arrow{ font-size:25px!important; }
  #gameView:not(.playing-board) .quick-play-copy strong{ font-size:12px!important; letter-spacing:.15px!important; }
  #gameView:not(.playing-board) .quick-play-copy small{ display:block!important; font-size:6px!important; margin-top:2px!important; }
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{ width:100%!important; height:auto!important; aspect-ratio:2.2 / 1!important; min-height:112px!important; max-height:150px!important; border-radius:10px!important; overflow:hidden!important; }
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-image{ width:100%!important; height:100%!important; object-fit:cover!important; }
  #gameView:not(.playing-board) .lobby-board-preview .preview-piece{ width:22px!important; height:22px!important; }
  #gameView:not(.playing-board) .lobby-board-dice{ transform:scale(.76)!important; transform-origin:left top!important; }
  #gameView:not(.playing-board) .lobby-trust-row{ display:none!important; }

  #gameView:not(.playing-board) .lobby-left{ order:2!important; width:100%!important; min-width:0!important; border-radius:11px!important; overflow:hidden!important; }
  #gameView:not(.playing-board) .lobby-filter-bar{ padding:0!important; gap:0!important; }
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{ height:40px!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; padding:4px!important; }
  #gameView:not(.playing-board) .lobby-tab{ min-height:32px!important; height:32px!important; padding:0 4px!important; font-size:9px!important; border-radius:7px!important; }
  #gameView:not(.playing-board) .lobby-tools{ display:none!important; }
  #gameView:not(.playing-board) .match-browser{ border-radius:0 0 10px 10px!important; overflow:hidden!important; }
  #gameView:not(.playing-board) .browser-head{ height:24px!important; grid-template-columns:1.25fr .8fr .66fr .55fr!important; font-size:7px!important; padding:0 5px!important; }
  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5){ display:none!important; }
  #gameView:not(.playing-board) .lobby-table-list{ max-height:142px!important; overflow:auto!important; }
  #gameView:not(.playing-board) .lobby-table-list .table-row{ min-height:30px!important; grid-template-columns:1.25fr .8fr .66fr .55fr!important; padding:0 5px!important; font-size:8px!important; }
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){ display:none!important; }
  #gameView:not(.playing-board) .lobby-table-list button{ min-height:19px!important; padding:0 5px!important; font-size:7px!important; border-radius:999px!important; }
  #gameView:not(.playing-board) .premium-actions{ height:auto!important; min-height:42px!important; display:grid!important; grid-template-columns:1fr auto!important; gap:6px!important; padding:5px 7px!important; }
  #gameView:not(.playing-board) .stake-stepper{ display:grid!important; grid-template-columns:24px minmax(0,1fr) 24px!important; gap:5px!important; min-width:0!important; }
  #gameView:not(.playing-board) .stake-stepper span{ grid-column:1 / -1!important; font-size:7px!important; height:10px!important; }
  #gameView:not(.playing-board) .stake-stepper button{ width:24px!important; height:24px!important; min-height:24px!important; font-size:12px!important; }
  #gameView:not(.playing-board) .stake-stepper input{ height:24px!important; min-height:24px!important; font-size:10px!important; }
  #gameView:not(.playing-board) .create-match{ min-height:28px!important; height:28px!important; padding:0 9px!important; font-size:8px!important; border-radius:8px!important; align-self:end!important; }

  #gameView:not(.playing-board) .lobby-chat-sidebar{ order:3!important; width:100%!important; min-width:0!important; }
  #gameView:not(.playing-board) .lobby-chat-panel{ border-radius:11px!important; min-height:0!important; height:auto!important; }
  #gameView:not(.playing-board) .lobby-chat-panel h3{ height:38px!important; min-height:38px!important; padding:0 9px!important; font-size:11px!important; }
  #gameView:not(.playing-board) .live-support-open{ height:24px!important; min-height:24px!important; padding:0 9px!important; font-size:8px!important; border-radius:7px!important; }
  #gameView:not(.playing-board) .lobby-chat-messages{ max-height:116px!important; min-height:98px!important; padding:6px 10px!important; }
  #gameView:not(.playing-board) .lobby-chat-message{ padding:5px 0!important; }
  #gameView:not(.playing-board) .lobby-chat-message strong{ font-size:9px!important; }
  #gameView:not(.playing-board) .lobby-chat-message time{ font-size:7px!important; }
  #gameView:not(.playing-board) .lobby-chat-message span{ font-size:8px!important; line-height:1.25!important; }
  #gameView:not(.playing-board) .lobby-chat-form{ height:38px!important; padding:5px!important; }
  #gameView:not(.playing-board) .lobby-chat-form input{ height:28px!important; min-height:28px!important; font-size:10px!important; }
  #gameView:not(.playing-board) .lobby-chat-form button{ width:32px!important; height:28px!important; min-height:28px!important; font-size:15px!important; }

  /* Alt mobil bar: görseldeki uygulama hissi */
  #gameView:not(.playing-board)::after{
    content:""; position:fixed; left:7px; right:7px; bottom:6px; height:54px; z-index:50; pointer-events:none;
    border:1px solid rgba(255,206,75,.42); border-radius:14px;
    background:linear-gradient(180deg,rgba(2,37,25,.96),rgba(0,14,10,.98)); box-shadow:0 -10px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06);
  }
  .bottom-console{ display:none!important; }
}

@media (max-width: 380px){
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{ font-size:19px!important; }
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene{ min-height:100px!important; }
  #gameView:not(.playing-board) .lobby-table-list{ max-height:126px!important; }
  #gameView:not(.playing-board) .lobby-chat-messages{ max-height:100px!important; min-height:84px!important; }
}

/* ============================================================
   MEC FINAL FIX - MOBIL OYUN EKRANI PROFESYONEL PORTRE GORUNUM
   Masaustu/web lobiye dokunmaz. Sadece telefon/tablet dar ekranda,
   oyuna girildiginde eski yatay zorlamayi iptal eder.
   ============================================================ */
@media (max-width: 900px), (pointer: coarse) {
  html.mobile-game-active,
  body.mobile-game-active {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(248,199,71,.13), transparent 32%),
      linear-gradient(180deg, #031b14 0%, #000906 100%) !important;
    touch-action: manipulation !important;
  }

  body.mobile-game-active .app,
  body.mobile-game-active #gameView.playing-board {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    overflow: hidden !important;
    transform: none !important;
    background:
      radial-gradient(circle at 82% 8%, rgba(255,210,83,.16), transparent 26%),
      linear-gradient(180deg, #05271b 0%, #00130d 54%, #000806 100%) !important;
  }

  body.mobile-game-active #lobbyScreen,
  body.mobile-game-active #authView,
  body.mobile-game-active .side-console,
  body.mobile-game-active #blackHome,
  body.mobile-game-active #whiteHome,
  body.mobile-game-active .bottom-console,
  body.mobile-game-active .premium-nav,
  body.mobile-game-active .top-icon,
  body.mobile-game-active #settingsButton,
  body.mobile-game-active #backLobbyButton {
    display: none !important;
  }

  body.mobile-game-active #gameView.playing-board .premium-topbar {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    padding: calc(env(safe-area-inset-top) + 8px) 10px 8px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(180deg, rgba(0,20,14,.96), rgba(0,10,7,.88)) !important;
    border-bottom: 1px solid rgba(247,196,58,.38) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.48), inset 0 -1px 0 rgba(255,225,118,.08) !important;
    z-index: 30 !important;
    transform: none !important;
  }

  body.mobile-game-active #gameView.playing-board .premium-brand {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  body.mobile-game-active #gameView.playing-board .top-brand-logo {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    object-fit: contain !important;
  }
  body.mobile-game-active #gameView.playing-board .brand-copy strong {
    font-size: 17px !important;
    letter-spacing: 1px !important;
    color: #ffd866 !important;
    line-height: 1 !important;
  }
  body.mobile-game-active #gameView.playing-board .brand-copy span,
  body.mobile-game-active #gameView.playing-board #userLine {
    display: none !important;
  }

  body.mobile-game-active #gameView.playing-board .premium-user-bar {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-user-info {
    display: none !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-balance-card {
    min-width: 70px !important;
    height: 42px !important;
    padding: 5px 9px !important;
    border-radius: 12px !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-balance-card .label {
    font-size: 8px !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-balance-card .amount {
    font-size: 13px !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-logout-btn {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    font-size: 0 !important;
    display: inline-flex !important;
  }
  body.mobile-game-active #gameView.playing-board .premium-logout-btn::before {
    content: '☰';
    font-size: 24px !important;
    line-height: 1 !important;
  }

  body.mobile-game-active #gameView.playing-board .game-table,
  body.mobile-game-active #gameView.playing-board #boardStage.board-stage:not(.hidden),
  body.mobile-game-active #gameView.playing-board #activeGame.live-match {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    padding: 8px 8px calc(env(safe-area-inset-bottom) + 10px) !important;
    background: transparent !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.mobile-game-active #gameView.playing-board .match-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(7,69,47,.92), rgba(0,20,14,.96)) !important;
    border: 1px solid rgba(247,196,58,.55) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.35), inset 0 0 18px rgba(255,210,83,.08) !important;
  }
  body.mobile-game-active #matchTitle {
    color: #ffe27b !important;
    font-size: 16px !important;
    text-align: center !important;
    margin: 0 !important;
  }
  body.mobile-game-active #turnLine,
  body.mobile-game-active #selectionLine {
    text-align: center !important;
    font-size: 11px !important;
    margin: 2px 0 0 !important;
    color: rgba(255,255,255,.82) !important;
  }
  body.mobile-game-active #gameView.playing-board .dicebar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
  }
  body.mobile-game-active #gameView.playing-board .dicebar button {
    min-width: 0 !important;
    height: 38px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body.mobile-game-active #gameView.playing-board .board-shell {
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 0 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    transform: none !important;
  }

  body.mobile-game-active #gameView.playing-board #board.board,
  body.mobile-game-active #gameView.playing-board .board {
    width: min(calc(100vw - 18px), calc((100dvh - 205px) * 1.624)) !important;
    height: auto !important;
    max-width: calc(100vw - 18px) !important;
    max-height: calc(100dvh - 205px) !important;
    aspect-ratio: 627 / 386 !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background-image: url('/tavla-board-clean.png') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(247,196,58,.56) !important;
    box-shadow: 0 0 0 1px rgba(255,235,145,.10) inset, 0 18px 45px rgba(0,0,0,.62), 0 0 34px rgba(255,203,65,.12) !important;
    transform: none !important;
  }

  body.mobile-game-active #gameView.playing-board .checker {
    width: clamp(16px, 5.4vw, 28px) !important;
    height: clamp(16px, 5.4vw, 28px) !important;
    min-width: clamp(16px, 5.4vw, 28px) !important;
    min-height: clamp(16px, 5.4vw, 28px) !important;
    margin: -1px auto !important;
  }
  body.mobile-game-active #gameView.playing-board .board-dice {
    transform: translate(-50%, -50%) scale(.78) !important;
    gap: 5px !important;
  }
  body.mobile-game-active #gameView.playing-board .die {
    width: 31px !important;
    height: 31px !important;
    border-radius: 7px !important;
  }

  body.mobile-game-active #gameView.playing-board .right-roll-controls {
    position: absolute !important;
    left: 50% !important;
    bottom: 14px !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 20 !important;
  }
  body.mobile-game-active #gameView.playing-board .roll-side-btn {
    height: 38px !important;
    min-width: 92px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.45) !important;
  }

  body.mobile-game-active #gameView.playing-board .leave-game-button {
    position: absolute !important;
    top: calc(env(safe-area-inset-top) + 84px) !important;
    right: 12px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    padding: 0 !important;
    font-size: 0 !important;
    display: flex !important;
    z-index: 60 !important;
  }
  body.mobile-game-active #gameView.playing-board .leave-game-button .leave-icon {
    font-size: 20px !important;
    margin: auto !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  body.mobile-game-active #gameView.playing-board #board.board,
  body.mobile-game-active #gameView.playing-board .board {
    width: min(calc(100vw - 24px), calc((100dvh - 132px) * 1.624)) !important;
    max-height: calc(100dvh - 132px) !important;
  }
  body.mobile-game-active #gameView.playing-board .match-strip {
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
  }
  body.mobile-game-active #gameView.playing-board .dicebar {
    width: auto !important;
    min-width: 270px !important;
  }
}

/* =========================================================
   MOBILE ONLY FINAL - 2. GORSEL PROFESYONEL MOBIL DUZEN
   Web/desktop etkilenmez. Sadece telefon genisliklerinde calisir.
   ========================================================= */
@media (max-width: 768px) {
  html, body { width:100% !important; min-height:100% !important; overflow-x:hidden !important; background:#020906 !important; }
  body { -webkit-text-size-adjust:100%; }
  #gameView.table-room {
    width:100% !important;
    min-height:100vh !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:block !important;
    padding:0 0 74px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(13,96,60,.34), transparent 34%),
      linear-gradient(180deg,#04110d 0%,#001a12 45%,#020806 100%) !important;
  }
  #gameView .premium-topbar {
    position:relative !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns: minmax(0,1fr) auto 58px !important;
    grid-template-areas:
      "brand account menu"
      "nav nav nav" !important;
    gap:12px 10px !important;
    padding:18px 14px 12px !important;
    border-bottom:1px solid rgba(210,158,55,.42) !important;
    background:linear-gradient(180deg,rgba(2,18,13,.98),rgba(0,10,8,.96)) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.52) !important;
  }
  #gameView .premium-brand { grid-area:brand !important; display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; grid-template-rows:auto auto !important; gap:3px 10px !important; align-items:center !important; min-width:0 !important; }
  #gameView .premium-brand .top-brand-logo { grid-row:1/3 !important; width:48px !important; height:48px !important; border-radius:9px !important; object-fit:cover !important; }
  #gameView .brand-copy strong { font-size:22px !important; line-height:1 !important; color:#ffd568 !important; letter-spacing:.8px !important; }
  #gameView .brand-copy span { font-size:11px !important; line-height:1 !important; letter-spacing:3px !important; color:#ffffff !important; }
  #gameView .connection-line { display:none !important; }
  #gameView .premium-account {
    grid-area:account !important;
    justify-self:end !important;
    width:170px !important;
    height:58px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-rows:29px 25px !important;
    gap:0 8px !important;
    align-items:center !important;
    padding:2px 10px 2px 2px !important;
    border:1px solid rgba(245,195,74,.62) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,rgba(3,58,38,.96),rgba(2,20,15,.96)) !important;
    box-shadow:0 0 22px rgba(245,195,74,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  #gameView .top-user-box { grid-row:1/3 !important; width:52px !important; height:52px !important; min-width:52px !important; border-radius:50% !important; }
  #gameView .premium-user-info { display:block !important; min-width:0 !important; }
  #gameView .premium-username { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#fff !important; font-size:14px !important; line-height:1.15 !important; }
  #gameView .premium-status { display:block !important; color:#ffd568 !important; font-size:13px !important; font-weight:1000 !important; line-height:1.2 !important; }
  #gameView .premium-balance-card { grid-column:2 !important; min-height:0 !important; height:auto !important; border:0 !important; background:transparent !important; padding:0 !important; box-shadow:none !important; }
  #gameView .premium-balance-card .label,
  #gameView .premium-balance-card .premium-balance-arrow { display:none !important; }
  #gameView .premium-balance-card .amount { color:#ffd568 !important; font-size:14px !important; }
  #gameView .premium-account::before,
  #gameView .premium-account::after { content:none !important; display:none !important; }
  #gameView .resign,
  #gameView .top-icon.notify,
  #gameView #settingsButton,
  #gameView #backLobbyButton { display:none !important; }
  #gameView .premium-topbar::after {
    content:"☰";
    grid-area:menu;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid rgba(245,195,74,.52);
    background:rgba(3,22,17,.86);
    color:#ffd568;
    font-size:34px;
    font-weight:900;
    line-height:1;
  }
  #gameView .premium-nav {
    grid-area:nav !important;
    width:100% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #gameView .nav-pill {
    width:100% !important;
    height:78px !important;
    min-width:0 !important;
    min-height:78px !important;
    padding:7px 4px !important;
    border-radius:10px !important;
    border:1px solid rgba(245,195,74,.32) !important;
    background:rgba(1,16,12,.82) !important;
    color:#ffffff !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:12px !important;
    line-height:1 !important;
    text-align:center !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
  }
  #gameView .nav-pill .nav-icon { font-size:24px !important; color:#ffd568 !important; filter:drop-shadow(0 0 8px rgba(255,213,104,.28)) !important; }

  #gameView .game-table { display:block !important; height:auto !important; min-height:0 !important; padding:12px 10px 0 !important; background:transparent !important; }
  #gameView .lobby-screen.premium-reference { display:block !important; height:auto !important; min-height:0 !important; overflow:visible !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
  #gameView .lobby-header {
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr 112px 1fr !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 0 12px !important;
    border:0 !important;
    background:transparent !important;
  }
  #gameView .lobby-live-stats-card,
  #gameView .lobby-clock,
  #gameView .lobby-ad {
    min-height:86px !important;
    border-radius:12px !important;
    border:1px solid rgba(245,195,74,.28) !important;
    background:linear-gradient(135deg,rgba(4,65,42,.84),rgba(1,14,11,.9)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.24) !important;
  }
  #gameView .lobby-live-stats-card { padding:12px 8px !important; display:grid !important; align-content:center !important; }
  #gameView .live-stats-title { justify-content:center !important; color:#fff !important; font-size:17px !important; }
  #gameView .live-stats-values { display:flex !important; justify-content:space-around !important; align-items:center !important; margin-top:8px !important; color:#ffd568 !important; }
  #gameView .stat-chip small { color:#fff !important; font-size:11px !important; }
  #gameView .stat-chip b { color:#ffd568 !important; font-size:25px !important; }
  #gameView .lobby-ad { display:grid !important; place-items:center !important; padding:8px !important; }
  #gameView .lobby-ad img { width:58px !important; height:58px !important; border-radius:9px !important; }
  #gameView .lobby-ad-title-clean { display:none !important; }
  #gameView .lobby-clock { height:auto !important; min-width:0 !important; padding:10px 6px !important; display:grid !important; place-items:center !important; }
  #gameView .lobby-clock small { font-size:12px !important; color:#fff !important; }
  #gameView .lobby-clock strong { font-size:27px !important; color:#ffd568 !important; }
  #gameView .lobby-clock span { font-size:24px !important; color:#fff !important; }

  #gameView .lobby-main-grid { display:flex !important; flex-direction:column !important; gap:12px !important; padding:0 !important; min-height:0 !important; }
  #gameView .lobby-board-preview {
    order:1 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
  #gameView .quick-play-banner {
    order:1 !important;
    width:100% !important;
    height:74px !important;
    min-height:74px !important;
    padding:0 16px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,216,95,.88) !important;
    background:radial-gradient(circle at 16% 50%,rgba(255,216,95,.22),transparent 20%),linear-gradient(180deg,rgba(20,24,16,.96),rgba(2,15,12,.96)) !important;
    box-shadow:0 0 24px rgba(255,201,67,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
    color:#ffe48a !important;
  }
  #gameView .quick-play-icon { font-size:35px !important; color:#ffd76a !important; }
  #gameView .quick-play-copy strong { display:block !important; font-size:22px !important; line-height:1.05 !important; color:#ffe48a !important; }
  #gameView .quick-play-copy small { display:block !important; font-size:12px !important; color:#fff3c8 !important; }
  #gameView .quick-play-arrow { font-size:34px !important; color:#ffd76a !important; }
  #gameView .lobby-board-scene {
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio: 2.18 / 1 !important;
    border-radius:14px !important;
    border:1px solid rgba(198,143,44,.42) !important;
    overflow:hidden !important;
    background:rgba(0,12,9,.72) !important;
    box-shadow:0 18px 36px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  }
  #gameView .lobby-board-image { width:100% !important; height:100% !important; object-fit:cover !important; content:url('/tavla-board-clean.png') !important; }
  #gameView .lobby-trust-row {
    order:3 !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    min-height:76px !important;
    border-radius:14px !important;
    border:1px solid rgba(245,195,74,.35) !important;
    background:rgba(2,26,19,.86) !important;
    overflow:hidden !important;
  }
  #gameView .lobby-trust-row span { min-width:0 !important; padding:8px 2px !important; border-right:1px solid rgba(245,195,74,.20) !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; }
  #gameView .lobby-trust-row span:last-child { border-right:0 !important; }
  #gameView .lobby-trust-row b { color:#ffd568 !important; font-size:20px !important; }
  #gameView .lobby-trust-row em { color:#fff !important; font-size:10px !important; line-height:1.05 !important; font-weight:1000 !important; text-align:center !important; }

  #gameView .lobby-left {
    order:2 !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    padding:0 !important;
  }
  #gameView .lobby-filter-bar { display:block !important; margin:0 !important; }
  #gameView .premium-tabs.two-tabs { height:58px !important; display:grid !important; grid-template-columns:1fr 1fr !important; border-radius:14px 14px 0 0 !important; border:1px solid rgba(245,195,74,.35) !important; overflow:hidden !important; background:rgba(2,24,17,.9) !important; }
  #gameView .lobby-tab { height:58px !important; font-size:17px !important; color:#fff !important; }
  #gameView .lobby-tab.active { color:#111 !important; background:linear-gradient(#ffe486,#c99125) !important; box-shadow:none !important; }
  #gameView .lobby-tools { display:none !important; }
  #gameView .match-browser { border-radius:0 0 14px 14px !important; border:1px solid rgba(245,195,74,.35) !important; border-top:0 !important; background:rgba(2,24,17,.86) !important; overflow:hidden !important; }
  #gameView .browser-head,
  #gameView .lobby-table-list .table-row { grid-template-columns:1.25fr .8fr .78fr .82fr !important; padding:0 12px !important; }
  #gameView .browser-head { height:42px !important; font-size:13px !important; color:#ffd568 !important; }
  #gameView .browser-head span:nth-child(2),
  #gameView .browser-head span:nth-child(5),
  #gameView .lobby-table-list .cell:nth-child(2),
  #gameView .lobby-table-list .cell:nth-child(5) { display:none !important; }
  #gameView .lobby-table-list .table-row { height:52px !important; min-height:52px !important; background:linear-gradient(90deg,rgba(2,50,33,.92),rgba(6,84,52,.72)) !important; }
  #gameView .lobby-table-list .cell { font-size:15px !important; color:#fff !important; }
  #gameView .player-name strong { font-size:17px !important; }
  #gameView .stake-cell { font-size:17px !important; color:#ffd568 !important; }
  #gameView .watch-button { min-width:78px !important; height:38px !important; border-radius:8px !important; font-size:16px !important; }
  #gameView .premium-actions { display:grid !important; grid-template-columns: minmax(0, 1fr) minmax(190px, 1.2fr) !important; gap:10px !important; padding:10px !important; border:1px solid rgba(245,195,74,.35) !important; border-top:0 !important; border-radius:0 0 14px 14px !important; background:rgba(0,13,10,.88) !important; }
  #gameView .stake-stepper { grid-column:1 !important; display:grid !important; grid-template-columns:42px minmax(0,1fr) 42px !important; grid-template-rows:18px 44px !important; gap:4px 8px !important; }
  #gameView .stake-stepper span { grid-column:1/-1 !important; color:#fff !important; font-size:13px !important; }
  #gameView .stake-stepper button,
  #gameView .premium-actions input { height:44px !important; border-radius:8px !important; font-size:18px !important; }
  #gameView .create-match { grid-column:2 !important; height:52px !important; align-self:end !important; border-radius:10px !important; font-size:16px !important; }

  #gameView .lobby-sidebar { order:3 !important; display:block !important; width:100% !important; min-height:0 !important; }
  #gameView .lobby-chat-panel { border-radius:14px !important; border:1px solid rgba(245,195,74,.35) !important; background:linear-gradient(180deg,rgba(6,63,42,.88),rgba(1,17,13,.88)) !important; overflow:hidden !important; }
  #gameView .lobby-chat-panel h3 { height:58px !important; padding:0 14px !important; display:flex !important; align-items:center !important; gap:10px !important; color:#fff !important; font-size:19px !important; }
  #gameView .live-support-open { margin-left:auto !important; height:38px !important; padding:0 14px !important; border-radius:8px !important; }
  #gameView .lobby-chat-messages { max-height:none !important; min-height:156px !important; padding:10px 14px !important; }
  #gameView .lobby-chat-message { display:grid !important; grid-template-columns:92px 1fr 48px !important; gap:8px !important; align-items:center !important; min-height:34px !important; }
  #gameView .lobby-chat-message strong { color:#14d978 !important; font-size:15px !important; }
  #gameView .lobby-chat-message.system strong { color:#ffd568 !important; }
  #gameView .lobby-chat-message span { color:#fff !important; font-size:14px !important; }
  #gameView .lobby-chat-message time { color:#eaf6ee !important; font-size:12px !important; }
  #gameView .lobby-chat-form { display:grid !important; grid-template-columns:1fr 56px !important; gap:10px !important; padding:10px 14px 14px !important; }
  #gameView .lobby-chat-form input { height:54px !important; border-radius:10px !important; }
  #gameView .lobby-chat-form button { width:56px !important; height:54px !important; border-radius:10px !important; font-size:24px !important; }

  #gameView .bottom-console {
    position:fixed !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    z-index:1000 !important;
    height:70px !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:0 !important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(245,195,74,.30) !important;
    background:rgba(0,9,7,.96) !important;
    backdrop-filter:blur(10px) !important;
  }
  #gameView .bottom-console .player-card,
  #gameView .bottom-console .round-card,
  #gameView .bottom-console .chat-box,
  #gameView .bottom-console::after { display:none !important; content:none !important; }
  #gameView .bottom-console::before {
    content:"▦\A MASALAR      🏆\A TURNUVALAR      ⚡\A HIZLI OYUN      ▣\A SOHBET      Ⓒ\A PROFİL";
    white-space:pre;
    grid-column:1/-1;
    width:100%;
    height:100%;
    color:#fff;
    font-size:11px;
    line-height:1.18;
    display:flex;
    align-items:center;
    justify-content:space-around;
    text-align:center;
  }

  /* Mobilde oyun başladıysa webdeki absolute/large board kurallarini tamamen iptal et */
  #gameView.playing-board .lobby-board-preview { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; }
  #gameView.playing-board #boardStage.board-stage:not(.hidden) {
    position:relative !important;
    left:auto !important; right:auto !important; top:auto !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:10px 0 12px !important;
    display:block !important;
    overflow:visible !important;
    z-index:2 !important;
    background:transparent !important;
  }
  #gameView.playing-board #activeGame.live-match { display:block !important; width:100% !important; height:auto !important; }
  #gameView.playing-board .match-strip { display:flex !important; width:100% !important; min-height:48px !important; margin:0 0 8px !important; border-radius:12px !important; }
  #gameView.playing-board .board-shell { display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; margin:0 !important; transform:none !important; }
  #gameView.playing-board #board.board,
  #gameView .board {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    aspect-ratio:627/386 !important;
    border-radius:12px !important;
    background:url('/tavla-board-clean.png') center/contain no-repeat !important;
    box-shadow:0 18px 38px rgba(0,0,0,.58) !important;
  }
  #gameView.playing-board .checker { width:clamp(22px,6.4vw,34px) !important; height:clamp(22px,6.4vw,34px) !important; min-width:22px !important; min-height:22px !important; }
  #gameView.playing-board .point { width:5.25% !important; height:37.4% !important; }
  #gameView.playing-board .point.top { top:8.9% !important; }
  #gameView.playing-board .point.bottom { top:53% !important; }
}

@media (max-width: 430px) {
  #gameView .premium-topbar { padding-left:10px !important; padding-right:10px !important; grid-template-columns:minmax(0,1fr) 150px 52px !important; gap:10px 7px !important; }
  #gameView .premium-account { width:150px !important; height:54px !important; grid-template-columns:50px minmax(0,1fr) !important; }
  #gameView .top-user-box { width:48px !important; height:48px !important; min-width:48px !important; }
  #gameView .premium-topbar::after { width:50px; height:50px; font-size:30px; }
  #gameView .brand-copy strong { font-size:18px !important; }
  #gameView .brand-copy span { font-size:9px !important; letter-spacing:2.2px !important; }
  #gameView .premium-nav { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; }
  #gameView .nav-pill { height:64px !important; min-height:64px !important; font-size:10px !important; }
  #gameView .nav-pill .nav-icon { font-size:21px !important; }
  #gameView .lobby-header { grid-template-columns:1fr 84px 1fr !important; gap:7px !important; }
  #gameView .lobby-live-stats-card,
  #gameView .lobby-clock,
  #gameView .lobby-ad { min-height:76px !important; }
  #gameView .live-stats-title { font-size:14px !important; }
  #gameView .stat-chip b { font-size:21px !important; }
  #gameView .lobby-ad img { width:48px !important; height:48px !important; }
  #gameView .lobby-clock strong { font-size:22px !important; }
  #gameView .lobby-clock span { font-size:20px !important; }
  #gameView .quick-play-banner { height:66px !important; min-height:66px !important; border-radius:14px !important; }
  #gameView .quick-play-copy strong { font-size:18px !important; }
  #gameView .quick-play-copy small { font-size:10px !important; }
  #gameView .lobby-board-scene { aspect-ratio:2.02/1 !important; }
  #gameView .lobby-tab { font-size:15px !important; }
  #gameView .browser-head,
  #gameView .lobby-table-list .table-row { grid-template-columns:1.15fr .68fr .68fr .72fr !important; padding:0 8px !important; }
  #gameView .player-name strong { font-size:14px !important; }
  #gameView .stake-cell { font-size:14px !important; }
  #gameView .watch-button { min-width:62px !important; height:34px !important; font-size:13px !important; }
  #gameView .premium-actions { grid-template-columns:1fr !important; }
  #gameView .create-match { grid-column:1 !important; width:100% !important; }
}

/* === MOBILE HEADER ACCOUNT FIX: kullanici adi / sifre butonu ayrildi, 3 cizgi kaldirildi === */
@media (max-width: 768px) {
  #gameView .premium-topbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand account"
      "nav nav" !important;
    gap: 12px 8px !important;
    padding-right: 12px !important;
  }

  /* Sag ustteki 3 cizgi/menu alanini tamamen kaldir */
  #gameView .premium-topbar::after {
    content: none !important;
    display: none !important;
  }

  #gameView .premium-account {
    width: 162px !important;
    max-width: 44vw !important;
    height: 56px !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: 27px 25px !important;
    gap: 0 7px !important;
    padding: 3px 9px 3px 3px !important;
    overflow: hidden !important;
  }

  /* Sifre degistirme butonu avatar olarak solda sabit kalsin, yazi alanina binmesin */
  #gameView .top-user-box,
  #gameView .premium-avatar.top-user-box {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    align-self: center !important;
    justify-self: center !important;
    position: relative !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 2 !important;
  }

  #gameView .premium-user-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
    display: block !important;
  }

  #gameView .premium-status {
    display: none !important;
  }

  #gameView .premium-balance-card {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  #gameView .premium-balance-card .amount {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
    display: block !important;
  }
}

@media (max-width: 390px) {
  #gameView .premium-topbar {
    grid-template-columns: minmax(0, 1fr) 148px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #gameView .premium-account {
    width: 148px !important;
    max-width: 148px !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    padding-right: 8px !important;
  }
  #gameView .top-user-box,
  #gameView .premium-avatar.top-user-box {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }
  #gameView .premium-brand .top-brand-logo {
    width: 44px !important;
    height: 44px !important;
  }
  #gameView .brand-copy strong {
    font-size: 18px !important;
  }
  #gameView .brand-copy span {
    font-size: 9px !important;
    letter-spacing: 2px !important;
  }
}

/* === CEM PARCA MOBIL YERLESIM FIX: web tarafina dokunmaz === */
@media (max-width: 700px){
  html, body{overflow-x:hidden!important;background:#020b08!important;}
  #gameView.table-room{display:grid!important;grid-template-rows:auto 1fr!important;min-height:100dvh!important;height:auto!important;background:linear-gradient(180deg,#03150f,#010806)!important;}
  #gameView .game-table{padding:5px 6px 78px!important;overflow:visible!important;width:100%!important;max-width:100vw!important;}

  /* Üst kısım: logo - profil - çıkış. Kullanıcı adı ve şifre/avatar üst üste binmez. */
  #gameView .premium-topbar{
    display:grid!important;grid-template-columns:minmax(94px,1fr) minmax(126px,148px) 42px!important;grid-template-areas:"brand account logout" "nav nav nav"!important;
    gap:6px!important;align-items:center!important;height:auto!important;min-height:0!important;padding:5px 7px 6px!important;overflow:visible!important;
    border-bottom:1px solid rgba(239,190,82,.34)!important;background:linear-gradient(180deg,#031911,#010c08)!important;
  }
  #gameView .premium-topbar::after,#settingsButton.top-icon,#gameView #settingsButton,#gameView .top-icon.notify,#backLobbyButton{display:none!important;content:none!important;}
  #gameView .premium-brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;width:auto!important;}
  #gameView .premium-brand .top-brand-logo{width:31px!important;height:27px!important;border-radius:4px!important;object-fit:contain!important;}
  #gameView .brand-copy strong{font-size:12px!important;line-height:.95!important;letter-spacing:.7px!important;color:#ffd76a!important;}
  #gameView .brand-copy span{font-size:6.5px!important;line-height:1!important;letter-spacing:1.5px!important;color:#fff9dd!important;}
  #gameView #userLine{display:none!important;}
  #gameView .premium-user-bar,#gameView .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:18px 18px!important;gap:0 5px!important;
    width:100%!important;max-width:148px!important;height:40px!important;min-height:40px!important;padding:2px 6px 2px 2px!important;border-radius:10px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(8,55,36,.98),rgba(1,20,14,.98))!important;border:1px solid rgba(239,190,82,.66)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;justify-self:end!important;
  }
  #gameView .top-user-box,#gameView .premium-avatar.top-user-box{grid-column:1!important;grid-row:1/3!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;align-self:center!important;justify-self:center!important;margin:0!important;position:relative!important;transform:none!important;z-index:2!important;}
  #gameView .premium-avatar-letter{font-size:16px!important;line-height:1!important;}
  #gameView .premium-user-info,#gameView .premium-user-bar .top-account-info{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;}
  #gameView .premium-username,#gameView .premium-user-bar .top-account-info strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:18px!important;color:#fff!important;}
  #gameView .premium-status{display:none!important;}
  #gameView .premium-balance-card{grid-column:2!important;grid-row:2!important;display:block!important;width:100%!important;min-width:0!important;height:18px!important;min-height:18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;}
  #gameView .premium-balance-card .label,#gameView .premium-balance-arrow{display:none!important;}
  #gameView .premium-balance-card .amount,#gameView .premium-user-bar #topBalanceBox{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:18px!important;color:#ffd76a!important;}
  #gameView .premium-logout-btn,#gameView .premium-user-bar #logoutButton{grid-area:logout!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:40px!important;min-width:42px!important;min-height:40px!important;padding:0!important;border-radius:9px!important;font-size:9px!important;font-weight:1000!important;color:#ffd76a!important;background:rgba(4,39,27,.96)!important;border:1px solid rgba(239,190,82,.58)!important;}

  /* 6 buton görseldeki gibi 3x2 */
  #gameView .premium-nav{grid-area:nav!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0!important;border:0!important;min-width:0!important;}
  #gameView .nav-pill{height:48px!important;min-height:48px!important;min-width:0!important;padding:4px 2px!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(5,54,35,.96),rgba(2,30,21,.96))!important;border:1px solid rgba(239,190,82,.62)!important;color:#fff!important;font-size:9px!important;line-height:1!important;gap:3px!important;}
  #gameView .nav-pill .nav-icon{font-size:17px!important;line-height:1!important;color:#ffd45f!important;}
  #gameView .nav-pill span:last-child{font-size:9px!important;font-weight:1000!important;white-space:nowrap!important;}
  #gameView .daily-wheel-nav span:last-child{font-size:8px!important;}

  /* Lobi akışı: hızlı oyun, güven satırı, masalar/turnuvalar, liste, yeni masa, canlı destek */
  #gameView:not(.playing-board) .lobby-screen.premium-reference{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-height:0!important;padding:0!important;border-radius:9px!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #gameView:not(.playing-board) .lobby-header{display:none!important;}
  #gameView:not(.playing-board) .lobby-main-grid{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;width:100%!important;}
  #gameView:not(.playing-board) .lobby-board-preview{order:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #gameView:not(.playing-board) .lobby-board-scene{display:none!important;}
  #gameView:not(.playing-board) .quick-play-banner{position:relative!important;width:100%!important;height:40px!important;min-height:40px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(255,210,73,.82)!important;background:linear-gradient(90deg,#053923,#0b693f,#053421)!important;box-shadow:0 0 12px rgba(255,203,65,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;}
  #gameView:not(.playing-board) .quick-play-icon{width:25px!important;height:25px!important;font-size:15px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:12px!important;line-height:1!important;}
  #gameView:not(.playing-board) .quick-play-copy small{display:block!important;font-size:6px!important;line-height:1!important;margin-top:2px!important;}
  #gameView:not(.playing-board) .quick-play-arrow{font-size:21px!important;}
  #gameView:not(.playing-board) .lobby-trust-row{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;height:54px!important;min-height:54px!important;border-radius:8px!important;border:1px solid rgba(239,190,82,.48)!important;background:linear-gradient(180deg,rgba(2,44,30,.96),rgba(1,23,17,.96))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-trust-row span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:0 3px!important;border-right:1px solid rgba(239,190,82,.25)!important;}
  #gameView:not(.playing-board) .lobby-trust-row span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .lobby-trust-row b{font-size:15px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .lobby-trust-row em{font-size:7px!important;line-height:1.05!important;text-align:center!important;color:#fff!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .lobby-left{order:2!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;}
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;}
  #gameView:not(.playing-board) .premium-tabs.two-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;padding:0!important;}
  #gameView:not(.playing-board) .lobby-tab{height:30px!important;min-height:30px!important;border-radius:7px!important;font-size:10px!important;background:rgba(3,37,26,.96)!important;border:1px solid rgba(239,190,82,.50)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#ffe58a,#c89b32)!important;color:#102016!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}
  #gameView:not(.playing-board) .match-browser{border-radius:7px!important;border:1px solid rgba(239,190,82,.42)!important;overflow:hidden!important;background:rgba(1,19,14,.94)!important;}
  #gameView:not(.playing-board) .browser-head,#gameView:not(.playing-board) .lobby-table-list .table-row{grid-template-columns:1fr .62fr .62fr .62fr!important;padding:0 6px!important;min-height:26px!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),#gameView:not(.playing-board) .browser-head span:nth-child(5),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){display:none!important;}
  #gameView:not(.playing-board) .browser-head{height:24px!important;font-size:7px!important;color:#ffd45f!important;background:#02120d!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:28px!important;min-height:28px!important;background:rgba(4,50,33,.95)!important;border-bottom:1px solid rgba(255,214,106,.12)!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell,#gameView:not(.playing-board) .player-name strong,#gameView:not(.playing-board) .stake-cell{font-size:9px!important;line-height:1!important;}
  #gameView:not(.playing-board) .rank-dot{width:6px!important;height:6px!important;}
  #gameView:not(.playing-board) .watch-button{height:20px!important;min-height:20px!important;min-width:38px!important;padding:0 5px!important;border-radius:5px!important;font-size:8px!important;}
  #gameView:not(.playing-board) .premium-actions{display:grid!important;grid-template-columns:1fr 1.55fr!important;gap:6px!important;width:100%!important;padding:0!important;}
  #gameView:not(.playing-board) .stake-stepper{display:grid!important;grid-template-columns:24px 1fr 24px!important;gap:4px!important;align-items:center!important;}
  #gameView:not(.playing-board) .stake-stepper span{grid-column:1/-1!important;font-size:7px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .stake-stepper button{height:24px!important;min-height:24px!important;font-size:15px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .stake-stepper input{height:24px!important;min-height:24px!important;font-size:10px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .create-match{height:32px!important;min-height:32px!important;border-radius:8px!important;font-size:10px!important;align-self:end!important;}
  #gameView:not(.playing-board) .lobby-sidebar{order:3!important;display:block!important;width:100%!important;min-height:0!important;}
  #gameView:not(.playing-board) .lobby-chat-panel{height:42px!important;min-height:42px!important;border-radius:9px!important;border:1px solid rgba(239,190,82,.44)!important;background:linear-gradient(180deg,rgba(5,54,36,.96),rgba(1,23,17,.96))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3{height:42px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:10px!important;color:#fff!important;}
  #gameView:not(.playing-board) .live-support-open{height:22px!important;min-height:22px!important;border-radius:999px!important;padding:0 8px!important;font-size:8px!important;}
  #gameView:not(.playing-board) .lobby-chat-messages,#gameView:not(.playing-board) .lobby-chat-form{display:none!important;}
}

/* === CEM SON MOBIL YERLESIM DUZELTME ===
   Sadece 700px altinda calisir; masaustu/web kurallarina dokunmaz.
   Mobilde ust barin ve menunun lobi iceriginin ustune binmesini engeller. */
@media (max-width: 700px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#020b08!important;
  }

  #gameView.table-room{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:100dvh!important;
    height:auto!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#03150f 0%,#02100b 48%,#010806 100%)!important;
  }

  #gameView .premium-topbar{
    position:relative!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:minmax(88px,1fr) minmax(122px,148px) 42px!important;
    grid-template-rows:42px auto!important;
    grid-template-areas:"brand account logout" "nav nav nav"!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    padding:6px 7px 8px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:linear-gradient(180deg,#031911,#010c08)!important;
    border-bottom:1px solid rgba(239,190,82,.34)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28)!important;
  }

  #gameView .premium-topbar::after,
  #gameView #settingsButton,
  #gameView .top-icon.notify,
  #gameView #backLobbyButton{
    display:none!important;
    content:none!important;
  }

  #gameView .premium-brand{
    grid-area:brand!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
  }
  #gameView .premium-brand .top-brand-logo{
    width:30px!important;
    height:26px!important;
    min-width:30px!important;
    object-fit:contain!important;
    border-radius:4px!important;
  }
  #gameView .brand-copy{min-width:0!important;display:grid!important;gap:1px!important;}
  #gameView .brand-copy strong{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.7px!important;
    color:#ffd76a!important;
    white-space:nowrap!important;
  }
  #gameView .brand-copy span{
    font-size:6.5px!important;
    line-height:1!important;
    letter-spacing:1.4px!important;
    color:#fff7d8!important;
    white-space:nowrap!important;
  }
  #gameView #userLine{display:none!important;}

  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:18px 18px!important;
    gap:0 5px!important;
    width:100%!important;
    max-width:148px!important;
    height:40px!important;
    min-height:40px!important;
    padding:2px 6px 2px 2px!important;
    overflow:hidden!important;
    justify-self:end!important;
    border-radius:10px!important;
    border:1px solid rgba(239,190,82,.66)!important;
    background:linear-gradient(180deg,rgba(8,55,36,.98),rgba(1,20,14,.98))!important;
    box-sizing:border-box!important;
  }
  #gameView .premium-user-bar::before,
  #gameView .premium-user-bar::after{display:none!important;content:none!important;}
  #gameView .top-user-box,
  #gameView .premium-avatar.top-user-box{
    grid-column:1!important;
    grid-row:1/3!important;
    position:relative!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    margin:0!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
    z-index:1!important;
  }
  #gameView .premium-avatar-letter{font-size:16px!important;line-height:1!important;}
  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
  }
  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:18px!important;
    color:#fff!important;
  }
  #gameView .premium-status{display:none!important;}
  #gameView .premium-balance-card{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:18px!important;
    min-height:18px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  #gameView .premium-balance-card .label,
  #gameView .premium-balance-arrow{display:none!important;}
  #gameView .premium-balance-card .amount,
  #gameView .premium-user-bar #topBalanceBox{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:18px!important;
    color:#ffd76a!important;
  }
  #gameView .premium-logout-btn,
  #gameView .premium-user-bar #logoutButton{
    grid-area:logout!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:40px!important;
    min-width:42px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:8.5px!important;
    font-weight:1000!important;
    color:#ffd76a!important;
    background:rgba(4,39,27,.96)!important;
    border:1px solid rgba(239,190,82,.58)!important;
  }

  #gameView .premium-nav{
    grid-area:nav!important;
    position:relative!important;
    z-index:21!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-sizing:border-box!important;
  }
  #gameView .nav-pill{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    min-width:0!important;
    padding:4px 2px!important;
    border-radius:8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    background:linear-gradient(180deg,rgba(5,54,35,.96),rgba(2,30,21,.96))!important;
    border:1px solid rgba(239,190,82,.62)!important;
    box-sizing:border-box!important;
  }
  #gameView .nav-pill .nav-icon{font-size:17px!important;line-height:1!important;color:#ffd45f!important;}
  #gameView .nav-pill span:last-child{display:block!important;font-size:9px!important;font-weight:1000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  #gameView .daily-wheel-nav span:last-child{font-size:8px!important;}

  #gameView .game-table{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    padding:7px 7px 78px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:transparent!important;
  }

  #gameView:not(.playing-board) .lobby-screen.premium-reference{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #gameView:not(.playing-board) .lobby-header{display:none!important;}
  #gameView:not(.playing-board) .lobby-main-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  #gameView:not(.playing-board) .lobby-board-preview{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #gameView:not(.playing-board) .lobby-board-scene{display:none!important;}
  #gameView:not(.playing-board) .quick-play-banner{
    position:relative!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid rgba(255,210,73,.82)!important;
    background:linear-gradient(90deg,#053923,#0b693f,#053421)!important;
  }
  #gameView:not(.playing-board) .quick-play-icon{width:25px!important;height:25px!important;font-size:15px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:12px!important;line-height:1!important;}
  #gameView:not(.playing-board) .quick-play-copy small{display:block!important;font-size:6px!important;line-height:1!important;margin-top:2px!important;}
  #gameView:not(.playing-board) .quick-play-arrow{font-size:21px!important;}

  #gameView:not(.playing-board) .lobby-trust-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:8px!important;
    border:1px solid rgba(239,190,82,.48)!important;
    background:linear-gradient(180deg,rgba(2,44,30,.96),rgba(1,23,17,.96))!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-trust-row span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:0 3px!important;border-right:1px solid rgba(239,190,82,.25)!important;}
  #gameView:not(.playing-board) .lobby-trust-row span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .lobby-trust-row b{font-size:15px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .lobby-trust-row em{font-size:7px!important;line-height:1.05!important;text-align:center!important;color:#fff!important;font-weight:1000!important;}

  #gameView:not(.playing-board) .lobby-left{order:2!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;}
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;margin:0!important;}
  #gameView:not(.playing-board) .premium-tabs.two-tabs,
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-tab{height:30px!important;min-height:30px!important;border-radius:7px!important;font-size:10px!important;background:rgba(3,37,26,.96)!important;border:1px solid rgba(239,190,82,.50)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#ffe58a,#c89b32)!important;color:#102016!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}
  #gameView:not(.playing-board) .match-browser{border-radius:7px!important;border:1px solid rgba(239,190,82,.42)!important;overflow:hidden!important;background:rgba(1,19,14,.94)!important;}
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{grid-template-columns:1fr .62fr .62fr .62fr!important;padding:0 6px!important;min-height:26px!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){display:none!important;}
  #gameView:not(.playing-board) .browser-head{height:24px!important;font-size:7px!important;color:#ffd45f!important;background:#02120d!important;}
  #gameView:not(.playing-board) .lobby-table-list{max-height:112px!important;overflow:auto!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:28px!important;min-height:28px!important;background:rgba(4,50,33,.95)!important;border-bottom:1px solid rgba(255,214,106,.12)!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell,
  #gameView:not(.playing-board) .player-name strong,
  #gameView:not(.playing-board) .stake-cell{font-size:9px!important;line-height:1!important;}
  #gameView:not(.playing-board) .rank-dot{width:6px!important;height:6px!important;}
  #gameView:not(.playing-board) .watch-button{height:20px!important;min-height:20px!important;min-width:38px!important;padding:0 5px!important;border-radius:5px!important;font-size:8px!important;}
  #gameView:not(.playing-board) .premium-actions{display:grid!important;grid-template-columns:1fr 1.55fr!important;gap:6px!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .stake-stepper{display:grid!important;grid-template-columns:24px 1fr 24px!important;gap:4px!important;align-items:center!important;}
  #gameView:not(.playing-board) .stake-stepper span{grid-column:1/-1!important;font-size:7px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .stake-stepper button{height:24px!important;min-height:24px!important;font-size:15px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .stake-stepper input{height:24px!important;min-height:24px!important;font-size:10px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .create-match{height:32px!important;min-height:32px!important;border-radius:8px!important;font-size:10px!important;align-self:end!important;}
  #gameView:not(.playing-board) .lobby-sidebar,
  #gameView:not(.playing-board) .lobby-chat-sidebar{order:3!important;display:block!important;width:100%!important;min-height:0!important;}
  #gameView:not(.playing-board) .lobby-chat-panel{height:42px!important;min-height:42px!important;border-radius:9px!important;border:1px solid rgba(239,190,82,.44)!important;background:linear-gradient(180deg,rgba(5,54,36,.96),rgba(1,23,17,.96))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3{height:42px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:10px!important;color:#fff!important;}
  #gameView:not(.playing-board) .live-support-open{height:22px!important;min-height:22px!important;border-radius:999px!important;padding:0 8px!important;font-size:8px!important;}
  #gameView:not(.playing-board) .lobby-chat-messages,
  #gameView:not(.playing-board) .lobby-chat-form{display:none!important;}
}

/* === CEM FINAL MOBILE ORDER FIX 2026-06-28 ===
   Sadece mobil lobi icindir. Web gorunumune dokunmaz.
   Siralama: ust bar -> menuler -> hizli oyun -> masalar/turnuvalar -> tum lobi -> canli destek. */
@media (max-width: 700px){
  html,body{overflow-x:hidden!important;background:#020b08!important;}
  #gameView.table-room:not(.playing-board){display:block!important;min-height:100dvh!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;background:linear-gradient(180deg,#03150f 0%,#02110c 52%,#010705 100%)!important;}

  /* ust kisim: logo + profil + bakiye + cikis, 3 cizgi yok */
  #gameView:not(.playing-board) .premium-topbar{
    position:relative!important;z-index:30!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:5px 5px 7px!important;box-sizing:border-box!important;overflow:visible!important;
    display:grid!important;grid-template-columns:62px minmax(0,1fr) 42px!important;grid-template-areas:"brand account logout" "nav nav nav"!important;gap:5px!important;align-items:center!important;
    background:linear-gradient(180deg,#03170f,#010b08)!important;border-bottom:1px solid rgba(239,190,82,.42)!important;box-shadow:0 8px 18px rgba(0,0,0,.34)!important;
  }
  #gameView:not(.playing-board) .premium-topbar::after,#gameView:not(.playing-board) #settingsButton,#gameView:not(.playing-board) .top-icon.notify,#gameView:not(.playing-board) #backLobbyButton{display:none!important;content:none!important;}
  #gameView:not(.playing-board) .premium-brand{grid-area:brand!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:62px!important;min-width:0!important;overflow:hidden!important;gap:0!important;}
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{display:block!important;width:58px!important;height:38px!important;min-width:58px!important;object-fit:contain!important;border-radius:5px!important;margin:0!important;}
  #gameView:not(.playing-board) .brand-copy,#gameView:not(.playing-board) #userLine{display:none!important;}

  #gameView:not(.playing-board) .premium-user-bar{grid-area:account!important;justify-self:stretch!important;width:100%!important;max-width:none!important;height:40px!important;min-height:40px!important;padding:2px 5px!important;box-sizing:border-box!important;overflow:hidden!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 62px!important;grid-template-rows:18px 18px!important;gap:0 5px!important;align-items:center!important;border-radius:10px!important;border:1px solid rgba(239,190,82,.68)!important;background:linear-gradient(180deg,rgba(8,55,36,.98),rgba(1,20,14,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}
  #gameView:not(.playing-board) .premium-user-bar::before,#gameView:not(.playing-board) .premium-user-bar::after{display:none!important;content:none!important;}
  #gameView:not(.playing-board) .top-user-box{grid-column:1!important;grid-row:1/3!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;align-self:center!important;justify-self:center!important;}
  #gameView:not(.playing-board) .premium-avatar-letter{font-size:16px!important;line-height:1!important;}
  #gameView:not(.playing-board) .premium-user-info{grid-column:2!important;grid-row:1/3!important;min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
  #gameView:not(.playing-board) .premium-username{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:14px!important;color:#fff!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .premium-status{display:block!important;font-size:9px!important;line-height:12px!important;color:#ffe071!important;font-weight:1000!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .premium-balance-card{grid-column:3!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:32px!important;min-height:32px!important;padding:1px 3px!important;border-radius:8px!important;border:1px solid rgba(239,190,82,.50)!important;background:rgba(2,28,19,.98)!important;box-shadow:none!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-balance-card .label{display:block!important;font-size:6px!important;line-height:8px!important;color:#d8c786!important;font-weight:900!important;}
  #gameView:not(.playing-board) .premium-balance-card .amount{display:block!important;max-width:100%!important;font-size:10px!important;line-height:12px!important;color:#ffe071!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .premium-balance-arrow{display:none!important;}
  #gameView:not(.playing-board) #logoutButton{grid-area:logout!important;display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:40px!important;min-width:42px!important;min-height:40px!important;padding:0!important;border-radius:9px!important;border:1px solid rgba(239,190,82,.58)!important;background:rgba(4,39,27,.96)!important;color:#fff!important;font-size:8px!important;font-weight:1000!important;}

  /* 6 menu 3x2 - ikinci gorseldeki siralama */
  #gameView:not(.playing-board) .premium-nav{grid-area:nav!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;}
  #gameView:not(.playing-board) .nav-pill{width:100%!important;height:48px!important;min-height:48px!important;min-width:0!important;padding:3px 2px!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;font-size:8.5px!important;line-height:1!important;color:#fff!important;background:linear-gradient(180deg,rgba(5,54,35,.97),rgba(2,28,20,.97))!important;border:1px solid rgba(239,190,82,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
  #gameView:not(.playing-board) .nav-pill .nav-icon{font-size:16px!important;line-height:1!important;color:#ffd45f!important;}
  #gameView:not(.playing-board) .nav-pill span:last-child{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8.5px!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .daily-wheel-nav span:last-child{font-size:7.5px!important;}

  /* icerik akisi */
  #gameView:not(.playing-board) .game-table{display:block!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;padding:6px 6px 12px!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-screen.premium-reference{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-header{display:none!important;}
  #gameView:not(.playing-board) .lobby-main-grid{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-board-preview{order:1!important;display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-board-scene,#gameView:not(.playing-board) .lobby-trust-row{display:none!important;}
  #gameView:not(.playing-board) .quick-play-banner{position:relative!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 8px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border:1px solid rgba(255,210,73,.82)!important;background:linear-gradient(90deg,#053923,#0b693f,#053421)!important;box-shadow:0 0 12px rgba(255,203,65,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;}
  #gameView:not(.playing-board) .quick-play-icon{width:25px!important;height:25px!important;font-size:15px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:12px!important;line-height:1!important;color:#fff6d0!important;}
  #gameView:not(.playing-board) .quick-play-copy small{display:block!important;font-size:6px!important;line-height:1!important;margin-top:2px!important;color:#eaffef!important;}
  #gameView:not(.playing-board) .quick-play-arrow{font-size:20px!important;color:#ffd45f!important;}

  #gameView:not(.playing-board) .lobby-left{order:2!important;display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;min-height:0!important;}
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;margin:0!important;padding:0!important;}
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-tab{height:30px!important;min-height:30px!important;border-radius:7px!important;font-size:9px!important;font-weight:1000!important;background:rgba(3,37,26,.96)!important;border:1px solid rgba(239,190,82,.50)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#ffe58a,#c89b32)!important;color:#102016!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}
  #gameView:not(.playing-board) .match-browser{width:100%!important;border-radius:7px!important;border:1px solid rgba(239,190,82,.42)!important;overflow:hidden!important;background:rgba(1,19,14,.94)!important;}
  #gameView:not(.playing-board) .browser-head,#gameView:not(.playing-board) .lobby-table-list .table-row{display:grid!important;grid-template-columns:1fr .62fr .62fr .62fr!important;padding:0 5px!important;column-gap:4px!important;align-items:center!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),#gameView:not(.playing-board) .browser-head span:nth-child(5),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){display:none!important;}
  #gameView:not(.playing-board) .browser-head{height:24px!important;min-height:24px!important;font-size:7px!important;color:#ffd45f!important;background:#02120d!important;}
  #gameView:not(.playing-board) .lobby-table-list{max-height:132px!important;overflow-y:auto!important;overflow-x:hidden!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:28px!important;min-height:28px!important;background:rgba(4,50,33,.95)!important;border-bottom:1px solid rgba(255,214,106,.12)!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell,#gameView:not(.playing-board) .player-name strong,#gameView:not(.playing-board) .stake-cell{font-size:8.5px!important;line-height:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .rank-dot{width:6px!important;height:6px!important;min-width:6px!important;}
  #gameView:not(.playing-board) .watch-button{height:20px!important;min-height:20px!important;min-width:36px!important;padding:0 4px!important;border-radius:5px!important;font-size:7.5px!important;}
  #gameView:not(.playing-board) .premium-actions{display:grid!important;grid-template-columns:1fr 1.55fr!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .stake-stepper{display:grid!important;grid-template-columns:24px 1fr 24px!important;gap:4px!important;align-items:center!important;}
  #gameView:not(.playing-board) .stake-stepper span{grid-column:1/-1!important;font-size:7px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .stake-stepper button{height:24px!important;min-height:24px!important;font-size:15px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .stake-stepper input{height:24px!important;min-height:24px!important;font-size:10px!important;border-radius:6px!important;}
  #gameView:not(.playing-board) .create-match{height:32px!important;min-height:32px!important;border-radius:8px!important;font-size:9.5px!important;align-self:end!important;}

  /* sohbet yerine sadece canli destek satiri */
  #gameView:not(.playing-board) .lobby-sidebar{order:3!important;display:block!important;width:100%!important;min-height:0!important;}
  #gameView:not(.playing-board) .lobby-chat-panel{height:42px!important;min-height:42px!important;border-radius:9px!important;border:1px solid rgba(239,190,82,.44)!important;background:linear-gradient(180deg,rgba(5,54,36,.96),rgba(1,23,17,.96))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3{height:42px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:10px!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3 i{width:24px!important;height:24px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(239,190,82,.5)!important;color:#ffd45f!important;}
  #gameView:not(.playing-board) .live-support-open{height:24px!important;min-height:24px!important;border-radius:999px!important;padding:0 10px!important;font-size:8.5px!important;font-weight:1000!important;background:linear-gradient(180deg,#13b867,#087b45)!important;border:1px solid rgba(255,218,90,.68)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-chat-messages,#gameView:not(.playing-board) .lobby-chat-form{display:none!important;}
}

/* === MEC 2026 MOBIL MOCKUP FINAL ===
   Web gorunumune dokunmaz. Sadece telefon/tablet dar ekranda Dinamik temasina uygun
   siralama: ust profil, 3x2 menu, marka alanı, hızlı oyun, masalar/turnuvalar, canlı destek. */
@media (max-width: 700px){
  html,body{margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#020b08!important;}
  body{min-height:100dvh!important;}
  #gameView.table-room{display:block!important;width:100%!important;max-width:100vw!important;min-height:100dvh!important;height:auto!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% 0%,rgba(21,101,64,.38),transparent 32%),linear-gradient(180deg,#031911 0%,#02100b 55%,#010806 100%)!important;}

  /* UST KISIM */
  #gameView .premium-topbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:50!important;display:grid!important;grid-template-columns:minmax(112px,1fr) minmax(126px,152px) 43px!important;grid-template-rows:42px auto!important;grid-template-areas:"brand account logout" "nav nav nav"!important;gap:7px!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:6px 7px 8px!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid rgba(255,209,76,.45)!important;background:linear-gradient(180deg,rgba(4,31,22,.98),rgba(1,13,9,.98))!important;box-shadow:0 8px 20px rgba(0,0,0,.35)!important;overflow:visible!important;}
  #gameView .premium-topbar:before,#gameView .premium-topbar:after,#gameView #settingsButton,#gameView .top-icon.notify,#gameView #backLobbyButton{display:none!important;content:none!important;}
  #gameView .premium-brand{grid-area:brand!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;width:100%!important;overflow:hidden!important;}
  #gameView .top-brand-logo{width:34px!important;height:30px!important;min-width:34px!important;object-fit:contain!important;border-radius:5px!important;box-shadow:0 0 12px rgba(255,207,71,.12)!important;}
  #gameView .brand-copy{display:grid!important;gap:2px!important;min-width:0!important;}
  #gameView .brand-copy strong{font-size:13px!important;line-height:1!important;letter-spacing:.8px!important;color:#ffd86b!important;white-space:nowrap!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;}
  #gameView .brand-copy span{font-size:6.5px!important;line-height:1!important;letter-spacing:1.7px!important;color:#fff!important;white-space:nowrap!important;}
  #gameView #userLine{display:none!important;}

  #gameView .premium-account.pro-account-card,#gameView .premium-user-bar{grid-area:account!important;position:relative!important;display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;grid-template-rows:18px 18px!important;gap:0 6px!important;align-items:center!important;justify-self:end!important;width:100%!important;max-width:152px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:2px 6px 2px 2px!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:11px!important;border:1px solid rgba(239,190,82,.72)!important;background:linear-gradient(180deg,rgba(6,56,37,.98),rgba(1,22,15,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(255,198,56,.08)!important;}
  #gameView .premium-user-bar:before,#gameView .premium-user-bar:after{display:none!important;content:none!important;}
  #gameView .premium-avatar.top-user-box,#gameView .top-user-box{grid-column:1!important;grid-row:1/3!important;position:relative!important;align-self:center!important;justify-self:center!important;width:33px!important;height:33px!important;min-width:33px!important;max-width:33px!important;margin:0!important;transform:none!important;border-radius:50%!important;}
  #gameView .premium-avatar-letter{font-size:17px!important;line-height:1!important;color:#ffd86b!important;}
  #gameView .premium-online-dot{width:7px!important;height:7px!important;right:0!important;bottom:1px!important;}
  #gameView .premium-user-info,#gameView .top-account-info{grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
  #gameView .premium-username,#gameView #topAccountName{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:18px!important;color:#fff!important;font-weight:1000!important;}
  #gameView .premium-status{display:none!important;}
  #gameView .premium-balance-card{grid-column:2!important;grid-row:2!important;display:block!important;width:100%!important;min-width:0!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;}
  #gameView .premium-balance-card .label,#gameView .premium-balance-arrow{display:none!important;}
  #gameView .premium-balance-card .amount,#gameView #topBalanceBox{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:18px!important;color:#ffd86b!important;font-weight:1000!important;}
  #gameView #logoutButton,#gameView .premium-logout-btn{grid-area:logout!important;display:flex!important;align-items:center!important;justify-content:center!important;width:43px!important;height:42px!important;min-width:43px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(239,190,82,.68)!important;background:linear-gradient(180deg,rgba(5,45,31,.98),rgba(1,18,13,.98))!important;color:#fff!important;font-size:8px!important;font-weight:1000!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}

  /* 6 MENU BUTONU - 3x2 */
  #gameView .premium-nav{grid-area:nav!important;position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  #gameView .nav-pill{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:47px!important;min-height:47px!important;min-width:0!important;padding:4px 2px!important;gap:3px!important;border-radius:9px!important;border:1px solid rgba(239,190,82,.62)!important;background:linear-gradient(180deg,rgba(5,58,38,.98),rgba(2,29,20,.98))!important;color:#fff!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 12px rgba(0,0,0,.16)!important;}
  #gameView .nav-pill .nav-icon{font-size:16px!important;line-height:1!important;color:#ffd45f!important;text-shadow:0 0 8px rgba(255,209,80,.22)!important;}
  #gameView .nav-pill span:last-child{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8.5px!important;line-height:1!important;font-weight:1000!important;}
  #gameView .daily-wheel-nav span:last-child{font-size:7.4px!important;}

  /* ICERIK */
  #gameView .game-table{display:block!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px 7px 14px!important;box-sizing:border-box!important;overflow:visible!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-screen.premium-reference{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}

  /* Mockup marka panosu */
  #gameView:not(.playing-board) .lobby-header{order:0!important;display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  #gameView:not(.playing-board) .lobby-live-stats-card,#gameView:not(.playing-board) .lobby-clock{display:none!important;}
  #gameView:not(.playing-board) .lobby-ad{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;height:92px!important;margin:0!important;padding:14px!important;box-sizing:border-box!important;border-radius:14px!important;border:1px solid rgba(23,154,94,.42)!important;background:radial-gradient(circle at 78% 20%,rgba(255,216,107,.12),transparent 26%),linear-gradient(90deg,rgba(4,43,29,.98),rgba(5,72,45,.92),rgba(2,28,20,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.22)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-ad img{display:block!important;width:72px!important;height:48px!important;min-width:72px!important;object-fit:contain!important;border-radius:7px!important;background:rgba(0,0,0,.12)!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean{display:block!important;min-width:0!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{display:block!important;font-size:26px!important;line-height:1.08!important;letter-spacing:.6px!important;color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.65)!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong b{color:#ffd86b!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean span{display:none!important;}

  #gameView:not(.playing-board) .lobby-main-grid{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-board-preview{order:1!important;display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-board-scene,#gameView:not(.playing-board) .lobby-trust-row{display:none!important;}
  #gameView:not(.playing-board) .quick-play-banner{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0 12px!important;gap:9px!important;border-radius:12px!important;border:1px solid rgba(255,210,73,.88)!important;background:linear-gradient(90deg,rgba(4,42,29,.99),rgba(7,93,56,.98),rgba(3,36,25,.99))!important;box-shadow:0 0 18px rgba(255,203,65,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .quick-play-icon{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;font-size:19px!important;background:linear-gradient(180deg,#ffe28a,#c98c23)!important;color:#062015!important;box-shadow:0 0 12px rgba(255,202,52,.28)!important;}
  #gameView:not(.playing-board) .quick-play-copy{display:grid!important;gap:2px!important;text-align:left!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:18px!important;line-height:1!important;color:#ffd86b!important;letter-spacing:.4px!important;text-shadow:0 2px 6px rgba(0,0,0,.65)!important;}
  #gameView:not(.playing-board) .quick-play-copy small{display:block!important;font-size:10px!important;line-height:1.1!important;color:#fff!important;font-weight:800!important;}
  #gameView:not(.playing-board) .quick-play-arrow{font-size:27px!important;color:#ffd45f!important;}

  #gameView:not(.playing-board) .lobby-left{order:2!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-height:0!important;}
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:100%!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(239,190,82,.62)!important;border-radius:11px 11px 0 0!important;background:rgba(3,35,24,.96)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-tab{height:42px!important;min-height:42px!important;border:0!important;border-radius:0!important;font-size:13px!important;font-weight:1000!important;color:#fff!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#ffe98d,#c99b32)!important;color:#101b12!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}

  #gameView:not(.playing-board) .match-browser{width:100%!important;margin-top:-7px!important;border-radius:0 0 11px 11px!important;border:1px solid rgba(239,190,82,.44)!important;border-top:0!important;background:rgba(1,19,14,.96)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .browser-head,#gameView:not(.playing-board) .lobby-table-list .table-row{display:grid!important;grid-template-columns:minmax(76px,1fr) 50px 48px 46px!important;column-gap:4px!important;align-items:center!important;padding:0 6px!important;box-sizing:border-box!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),#gameView:not(.playing-board) .browser-head span:nth-child(5),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){display:none!important;}
  #gameView:not(.playing-board) .browser-head{height:25px!important;min-height:25px!important;background:#02120d!important;color:#ffd45f!important;font-size:7px!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .lobby-table-list{max-height:136px!important;overflow-y:auto!important;overflow-x:hidden!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:28px!important;min-height:28px!important;border-bottom:1px solid rgba(255,214,106,.12)!important;background:rgba(4,50,33,.96)!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell,#gameView:not(.playing-board) .player-name strong,#gameView:not(.playing-board) .stake-cell{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8.5px!important;line-height:1!important;}
  #gameView:not(.playing-board) .rank-dot{width:6px!important;height:6px!important;min-width:6px!important;box-shadow:0 0 8px rgba(33,255,135,.5)!important;}
  #gameView:not(.playing-board) .watch-button{height:20px!important;min-height:20px!important;min-width:36px!important;padding:0 4px!important;border-radius:999px!important;font-size:7.5px!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .premium-actions{display:grid!important;grid-template-columns:1fr 1.58fr!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .stake-stepper{display:grid!important;grid-template-columns:24px 1fr 24px!important;gap:4px!important;align-items:center!important;}
  #gameView:not(.playing-board) .stake-stepper span{grid-column:1/-1!important;font-size:7px!important;color:#ffd45f!important;line-height:1!important;}
  #gameView:not(.playing-board) .stake-stepper button{height:24px!important;min-height:24px!important;border-radius:6px!important;font-size:15px!important;}
  #gameView:not(.playing-board) .stake-stepper input{height:24px!important;min-height:24px!important;border-radius:6px!important;font-size:10px!important;}
  #gameView:not(.playing-board) .create-match{height:32px!important;min-height:32px!important;border-radius:8px!important;font-size:9.5px!important;align-self:end!important;}

  #gameView:not(.playing-board) .lobby-sidebar{order:3!important;display:block!important;width:100%!important;min-height:0!important;margin:0!important;}
  #gameView:not(.playing-board) .lobby-chat-panel{height:58px!important;min-height:58px!important;border-radius:12px!important;border:1px solid rgba(239,190,82,.52)!important;background:linear-gradient(180deg,rgba(5,54,36,.98),rgba(1,23,17,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 16px rgba(0,0,0,.18)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3{height:58px!important;min-height:58px!important;margin:0!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:16px!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-chat-panel h3 i{width:30px!important;height:30px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(239,190,82,.55)!important;color:#ffd45f!important;margin-right:7px!important;}
  #gameView:not(.playing-board) .live-support-open{display:flex!important;align-items:center!important;justify-content:center!important;height:30px!important;min-height:30px!important;border-radius:999px!important;padding:0 12px!important;font-size:10px!important;font-weight:1000!important;background:linear-gradient(180deg,#13b867,#087b45)!important;border:1px solid rgba(255,218,90,.72)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-chat-messages,#gameView:not(.playing-board) .lobby-chat-form{display:none!important;}
}

@media (max-width: 390px){
  #gameView:not(.playing-board) .lobby-ad{height:78px!important;padding:10px!important;gap:9px!important;}
  #gameView:not(.playing-board) .lobby-ad img{width:58px!important;height:40px!important;min-width:58px!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{font-size:20px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:14px!important;}
  #gameView:not(.playing-board) .quick-play-copy small{font-size:8px!important;}
  #gameView .nav-pill span:last-child{font-size:7.6px!important;}
}

/* === CEM MOBIL UST HEADER KESIN FIX - LOGO SOL / PROFIL SAG ===
   Mobilde en ust kisim 3. gorsel logo solda, 2. gorsel profil karti sagda olacak sekilde sabitlendi.
   Web gorunumu etkilenmez. Elemanlar tasmaz ve ust uste binmez. */
@media (max-width: 700px){
  #gameView.table-room:not(.playing-board){
    width:100vw!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  #gameView:not(.playing-board) .premium-topbar{
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    padding:6px 7px 7px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-areas:"brand account" "nav nav"!important;
    gap:7px!important;
    align-items:center!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#04170f 0%,#010a07 100%)!important;
    border-bottom:1px solid rgba(234,190,74,.48)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.34)!important;
  }

  #gameView:not(.playing-board) .premium-topbar::after,
  #gameView:not(.playing-board) #settingsButton,
  #gameView:not(.playing-board) .top-icon.notify,
  #gameView:not(.playing-board) #backLobbyButton{
    display:none!important;
    content:none!important;
  }

  #gameView:not(.playing-board) .premium-brand{
    grid-area:brand!important;
    width:96px!important;
    min-width:96px!important;
    height:58px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:5px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:12px!important;
    border:1px solid rgba(239,190,82,.58)!important;
    background:radial-gradient(circle at 25% 15%,rgba(255,217,96,.10),transparent 30%),linear-gradient(135deg,rgba(5,70,43,.98),rgba(2,32,22,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 13px rgba(0,0,0,.24)!important;
  }
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{
    display:block!important;
    width:86px!important;
    height:48px!important;
    min-width:86px!important;
    max-width:86px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:8px!important;
    background:transparent!important;
  }
  #gameView:not(.playing-board) .premium-brand .brand-copy,
  #gameView:not(.playing-board) .premium-brand #userLine,
  #gameView:not(.playing-board) .connection-line{
    display:none!important;
  }

  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:5px 6px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 70px 52px!important;
    grid-template-rows:1fr!important;
    grid-template-areas:"avatar user balance logout"!important;
    gap:5px!important;
    align-items:center!important;
    overflow:hidden!important;
    border-radius:12px!important;
    border:1px solid rgba(239,190,82,.70)!important;
    background:linear-gradient(180deg,rgba(6,51,34,.98),rgba(1,18,13,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 13px rgba(0,0,0,.24)!important;
  }
  #gameView:not(.playing-board) .premium-user-bar::before,
  #gameView:not(.playing-board) .premium-user-bar::after{display:none!important;content:none!important;}

  #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box,
  #gameView:not(.playing-board) .premium-user-bar .top-user-box{
    grid-area:avatar!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:center!important;
    border-radius:50%!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .premium-avatar-letter{font-size:18px!important;line-height:1!important;}
  #gameView:not(.playing-board) .premium-online-dot{width:8px!important;height:8px!important;right:1px!important;bottom:1px!important;}

  #gameView:not(.playing-board) .premium-user-info,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info{
    grid-area:user!important;
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:16px!important;
    color:#fff!important;
    font-weight:1000!important;
    text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
  }
  #gameView:not(.playing-board) .premium-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:100%!important;
    height:18px!important;
    line-height:18px!important;
    padding:0 7px!important;
    margin-top:2px!important;
    border-radius:999px!important;
    border:1px solid rgba(239,190,82,.60)!important;
    color:#ffe071!important;
    background:rgba(3,28,18,.95)!important;
    font-size:10px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }

  #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    width:70px!important;
    min-width:70px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:3px 4px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:10px!important;
    border:1px solid rgba(239,190,82,.55)!important;
    background:rgba(2,27,19,.96)!important;
    box-shadow:none!important;
  }
  #gameView:not(.playing-board) .premium-balance-card .label{font-size:8px!important;line-height:10px!important;color:#d6c58a!important;font-weight:900!important;}
  #gameView:not(.playing-board) .premium-balance-card .amount,
  #gameView:not(.playing-board) .premium-user-bar #topBalanceBox{font-size:13px!important;line-height:16px!important;color:#ffe071!important;font-weight:1000!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .premium-balance-arrow{display:none!important;}

  #gameView:not(.playing-board) .premium-logout-btn,
  #gameView:not(.playing-board) .premium-user-bar #logoutButton{
    grid-area:logout!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    min-width:52px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    border:1px solid rgba(239,190,82,.62)!important;
    background:rgba(2,27,19,.96)!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:1000!important;
    text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
  }

  #gameView:not(.playing-board) .premium-nav{
    grid-area:nav!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
}

@media (max-width: 390px){
  #gameView:not(.playing-board) .premium-topbar{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:6px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  #gameView:not(.playing-board) .premium-brand{width:84px!important;min-width:84px!important;height:54px!important;min-height:54px!important;padding:4px!important;}
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{width:76px!important;min-width:76px!important;height:44px!important;max-width:76px!important;}
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    height:54px!important;min-height:54px!important;padding:4px!important;grid-template-columns:36px minmax(0,1fr) 60px 44px!important;gap:4px!important;
  }
  #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box,
  #gameView:not(.playing-board) .premium-user-bar .top-user-box{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;}
  #gameView:not(.playing-board) .premium-avatar-letter{font-size:16px!important;}
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{font-size:11px!important;line-height:14px!important;}
  #gameView:not(.playing-board) .premium-status{font-size:9px!important;height:16px!important;line-height:16px!important;padding:0 5px!important;}
  #gameView:not(.playing-board) .premium-balance-card{width:60px!important;min-width:60px!important;height:38px!important;min-height:38px!important;}
  #gameView:not(.playing-board) .premium-balance-card .label{font-size:7px!important;line-height:9px!important;}
  #gameView:not(.playing-board) .premium-balance-card .amount,
  #gameView:not(.playing-board) .premium-user-bar #topBalanceBox{font-size:11px!important;line-height:14px!important;}
  #gameView:not(.playing-board) .premium-logout-btn,
  #gameView:not(.playing-board) .premium-user-bar #logoutButton{width:44px!important;min-width:44px!important;height:38px!important;min-height:38px!important;font-size:9px!important;}
}

/* === CEM MOBILE HEADER USERNAME + SINGLE STATUS FIX === */
@media (max-width:700px){
  /* Aktif Üye yalnızca alttaki status etiketi olarak görünsün; kullanıcı adının yanına ikinci kez basılmasın */
  #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-username::after{
    content:none!important;
    display:none!important;
  }

  /* Üst satır mobilde taşmadan: sol logo + sağ profil kartı */
  #gameView:not(.playing-board) .premium-topbar{
    grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-areas:"brand account" "nav nav"!important;
    gap:5px!important;
    padding:5px 5px 7px!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .premium-brand{
    grid-area:brand!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:48px!important;
    min-height:48px!important;
    padding:3px!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:40px!important;
    object-fit:contain!important;
  }

  /* Profil kartında kullanıcı adına gerçek alan aç */
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    padding:3px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:32px minmax(74px,1fr) 54px 38px!important;
    grid-template-areas:"avatar user balance logout"!important;
    gap:3px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box,
  #gameView:not(.playing-board) .premium-user-bar .top-user-box{
    grid-area:avatar!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  #gameView:not(.playing-board) .premium-avatar-letter{font-size:15px!important;}
  #gameView:not(.playing-board) .premium-online-dot{width:7px!important;height:7px!important;right:0!important;bottom:0!important;}

  #gameView:not(.playing-board) .premium-user-info,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info{
    grid-area:user!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:42px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    font-size:12px!important;
    line-height:15px!important;
    font-weight:1000!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    color:#fffdf4!important;
  }
  #gameView:not(.playing-board) .premium-status{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    height:16px!important;
    line-height:16px!important;
    padding:0 6px!important;
    margin-top:1px!important;
    font-size:9px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }

  #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    width:54px!important;
    min-width:54px!important;
    height:38px!important;
    min-height:38px!important;
    padding:2px 3px!important;
  }
  #gameView:not(.playing-board) .premium-balance-card .label{font-size:6.5px!important;line-height:8px!important;}
  #gameView:not(.playing-board) .premium-balance-card .amount,
  #gameView:not(.playing-board) .premium-user-bar #topBalanceBox{font-size:10.5px!important;line-height:13px!important;}

  #gameView:not(.playing-board) .premium-logout-btn,
  #gameView:not(.playing-board) .premium-user-bar #logoutButton{
    grid-area:logout!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    font-size:8px!important;
    padding:0!important;
  }
}

@media (max-width:330px){
  #gameView:not(.playing-board) .premium-topbar{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important;}
  #gameView:not(.playing-board) .premium-brand{width:58px!important;min-width:58px!important;max-width:58px!important;}
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{width:52px!important;min-width:52px!important;max-width:52px!important;}
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{grid-template-columns:28px minmax(62px,1fr) 50px 35px!important;gap:2px!important;}
  #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box,
  #gameView:not(.playing-board) .premium-user-bar .top-user-box{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;}
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{font-size:10.5px!important;line-height:14px!important;}
  #gameView:not(.playing-board) .premium-status{font-size:8px!important;padding:0 4px!important;}
  #gameView:not(.playing-board) .premium-balance-card{width:50px!important;min-width:50px!important;}
  #gameView:not(.playing-board) .premium-logout-btn,
  #gameView:not(.playing-board) .premium-user-bar #logoutButton{width:35px!important;min-width:35px!important;font-size:7px!important;}
}


/* === CEM FINAL MOBILE HEADER: AKTIF UYE KALDIR + KULLANICI ADI NET === */
@media (max-width:700px){
  #gameView:not(.playing-board) .premium-user-info .premium-status,
  #gameView:not(.playing-board) .premium-user-bar .premium-status,
  #gameView:not(.playing-board) .premium-account.pro-account-card .premium-status,
  #gameView:not(.playing-board) .top-account-info .premium-status{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-username::after{
    content:none!important;
    display:none!important;
  }
  #gameView:not(.playing-board) .premium-user-info,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding-left:2px!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:18px!important;
    font-weight:1000!important;
    color:#fff!important;
    letter-spacing:.1px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:0 2px 7px rgba(0,0,0,.75)!important;
  }
}
@media (max-width:390px){
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-template-columns:34px minmax(82px,1fr) 58px 40px!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    font-size:12px!important;
    line-height:17px!important;
  }
}
@media (max-width:330px){
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-template-columns:28px minmax(70px,1fr) 50px 35px!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    font-size:11px!important;
  }
}

/* === CEM MOBILE: işaretli alana animasyonlu DİNAMİK ONLINE TAVLA banner === */
.mobile-dinamik-title-banner{display:none;}
@media (max-width:700px){
  #gameView:not(.playing-board) .mobile-dinamik-title-banner{
    display:flex!important;
    order:0!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 8px!important;
    margin:0 0 3px!important;
    border:1px solid rgba(255,210,82,.68)!important;
    border-radius:10px!important;
    overflow:hidden!important;
    position:relative!important;
    background:linear-gradient(180deg,rgba(4,82,50,.92),rgba(2,42,28,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 16px rgba(255,207,66,.20)!important;
  }
  #gameView:not(.playing-board) .mobile-dinamik-title-banner::before{
    content:""!important;
    position:absolute!important;
    inset:-30% -45%!important;
    background:linear-gradient(110deg,transparent 0 36%,rgba(255,255,255,.20) 47%,rgba(255,222,92,.18) 52%,transparent 64% 100%)!important;
    transform:translateX(-70%)!important;
    animation:dinamikTitleShine 4.2s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) .mobile-dinamik-title-banner img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:drop-shadow(0 3px 5px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(255,215,72,.20))!important;
    animation:dinamikTitlePulse 3.4s ease-in-out infinite!important;
    position:relative!important;
    z-index:1!important;
  }
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-trust-row{
    display:none!important;
  }
  #gameView:not(.playing-board) .lobby-board-preview{
    padding:6px!important;
    gap:5px!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    order:1!important;
  }
}
@keyframes dinamikTitleShine{
  0%,55%{transform:translateX(-75%);opacity:0;}
  68%{opacity:1;}
  100%{transform:translateX(75%);opacity:0;}
}
@keyframes dinamikTitlePulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.025);}
}

/* === CEM FINAL: Mobilde 2. görseldeki MASALAR/TURNUVALAR panelini orantılı yerleştir === */
@media (max-width:700px){
  #gameView:not(.playing-board) .lobby-main-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    width:100%!important;
  }
  #gameView:not(.playing-board) .lobby-board-preview{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    width:100%!important;
    padding:5px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(239,190,82,.45)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,rgba(2,43,29,.82),rgba(1,18,13,.92))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.22)!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    order:1!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    border-radius:7px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  #gameView:not(.playing-board) .quick-play-icon{width:24px!important;height:24px!important;font-size:14px!important;}
  #gameView:not(.playing-board) .quick-play-copy strong{font-size:12px!important;line-height:12px!important;}
  #gameView:not(.playing-board) .quick-play-copy small{font-size:6px!important;line-height:8px!important;margin-top:1px!important;}
  #gameView:not(.playing-board) .quick-play-arrow{font-size:20px!important;line-height:1!important;}

  #gameView:not(.playing-board) .lobby-left{
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(239,190,82,.55)!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:rgba(1,20,14,.96)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 10px 22px rgba(0,0,0,.30)!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  #gameView:not(.playing-board) .premium-tabs.two-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    height:42px!important;
    min-height:42px!important;
    padding:4px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(5,61,39,.98),rgba(1,24,17,.98))!important;
  }
  #gameView:not(.playing-board) .lobby-tab{
    height:34px!important;
    min-height:34px!important;
    border-radius:7px!important;
    font-size:12px!important;
    font-weight:1000!important;
    line-height:1!important;
    padding:0 4px!important;
    border:1px solid rgba(239,190,82,.58)!important;
    color:#fff!important;
    background:linear-gradient(180deg,rgba(6,74,46,.96),rgba(2,39,27,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  #gameView:not(.playing-board) .lobby-tab.active{
    color:#111b12!important;
    background:linear-gradient(180deg,#fff09d 0%,#e4be55 55%,#bd8e21 100%)!important;
  }
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}

  #gameView:not(.playing-board) .match-browser{
    width:100%!important;
    max-width:100%!important;
    border:0!important;
    border-top:1px solid rgba(239,190,82,.42)!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:rgba(0,14,10,.98)!important;
  }
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    display:grid!important;
    grid-template-columns:minmax(56px,1.12fr) minmax(52px,1fr) minmax(35px,.62fr) minmax(38px,.66fr) minmax(38px,.70fr) minmax(42px,.75fr)!important;
    gap:0!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .browser-head{
    height:30px!important;
    min-height:30px!important;
    background:#020c09!important;
    border-bottom:1px solid rgba(239,190,82,.40)!important;
  }
  #gameView:not(.playing-board) .browser-head span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:100%!important;
    padding:0 2px!important;
    font-size:clamp(7px,2.05vw,10px)!important;
    line-height:1!important;
    color:#ffe16d!important;
    font-weight:1000!important;
    text-align:center!important;
    white-space:nowrap!important;
    border-right:1px solid rgba(239,190,82,.20)!important;
  }
  #gameView:not(.playing-board) .browser-head span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5){display:flex!important;}

  #gameView:not(.playing-board) .lobby-table-list{
    display:block!important;
    width:100%!important;
    max-height:178px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    height:44px!important;
    min-height:44px!important;
    background:linear-gradient(90deg,rgba(6,87,53,.95),rgba(5,69,45,.93))!important;
    border-bottom:1px solid rgba(255,225,117,.16)!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .cell,
  #gameView:not(.playing-board) .lobby-table-list .table-row > button{
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 2px!important;
    overflow:hidden!important;
    text-align:center!important;
    border-right:1px solid rgba(239,190,82,.18)!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row > button{border-right:0!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){display:flex!important;}
  #gameView:not(.playing-board) .player-name{justify-content:flex-start!important;padding-left:5px!important;text-align:left!important;}
  #gameView:not(.playing-board) .player-name strong,
  #gameView:not(.playing-board) .lobby-table-list .cell,
  #gameView:not(.playing-board) .waiting-cell,
  #gameView:not(.playing-board) .time-cell{
    font-size:clamp(8px,2.45vw,12px)!important;
    line-height:1!important;
    font-weight:1000!important;
    color:#fff!important;
    white-space:nowrap!important;
  }
  #gameView:not(.playing-board) .rank-dot{width:8px!important;height:8px!important;min-width:8px!important;margin-right:4px!important;}
  #gameView:not(.playing-board) .spinner-dot{width:13px!important;height:13px!important;min-width:13px!important;margin-right:3px!important;border-width:2px!important;}
  #gameView:not(.playing-board) .stake-cell strong{font-size:clamp(8px,2.5vw,12px)!important;color:#ffd85c!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .status-chip{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:32px!important;
    max-width:100%!important;
    height:20px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    font-size:clamp(7px,2.15vw,10px)!important;
    line-height:1!important;
    font-weight:1000!important;
    color:#fff!important;
    background:linear-gradient(180deg,#14b96f,#067542)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #gameView:not(.playing-board) .watch-button{
    width:auto!important;
    min-width:34px!important;
    max-width:44px!important;
    height:24px!important;
    min-height:24px!important;
    padding:0 4px!important;
    margin:0 auto!important;
    border-radius:999px!important;
    font-size:clamp(7px,2.15vw,10px)!important;
    line-height:1!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }

  #gameView:not(.playing-board) .premium-actions{
    display:grid!important;
    grid-template-columns:minmax(128px,1fr) minmax(130px,1.15fr)!important;
    gap:7px!important;
    align-items:end!important;
    width:100%!important;
    padding:7px!important;
    border:0!important;
    border-top:1px solid rgba(239,190,82,.42)!important;
    border-radius:0!important;
    background:rgba(0,13,10,.98)!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .stake-stepper{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    grid-template-rows:14px 32px!important;
    gap:4px!important;
    min-width:0!important;
  }
  #gameView:not(.playing-board) .stake-stepper span{
    grid-column:1/-1!important;
    display:block!important;
    font-size:9px!important;
    line-height:12px!important;
    color:#fff!important;
    text-align:left!important;
  }
  #gameView:not(.playing-board) .stake-stepper button,
  #gameView:not(.playing-board) .stake-stepper input{
    height:32px!important;
    min-height:32px!important;
    border-radius:7px!important;
  }
  #gameView:not(.playing-board) .stake-stepper button{font-size:18px!important;}
  #gameView:not(.playing-board) .stake-stepper input{font-size:13px!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .create-match{
    height:32px!important;
    min-height:32px!important;
    border-radius:8px!important;
    padding:0 7px!important;
    font-size:clamp(9px,2.7vw,13px)!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }
}

@media (max-width:340px){
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    grid-template-columns:minmax(48px,1.05fr) minmax(46px,.96fr) minmax(32px,.58fr) minmax(34px,.62fr) minmax(34px,.66fr) minmax(38px,.70fr)!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{max-height:156px!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:39px!important;min-height:39px!important;}
  #gameView:not(.playing-board) .premium-actions{grid-template-columns:1fr!important;gap:5px!important;}
  #gameView:not(.playing-board) .create-match{width:100%!important;}
}

/* === CEM FIX: Mobil Hızlı Oyun Başlat çerçeve taşması / sağ uzama düzeltildi === */
@media (max-width:700px){
  #gameView:not(.playing-board) .lobby-board-preview{
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
    min-width:0!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    padding-left:7px!important;
    padding-right:7px!important;
    overflow:hidden!important;
    align-self:center!important;
  }
  #gameView:not(.playing-board) .quick-play-banner::before{
    inset:0!important;
  }
}

/* === CEM FINAL FIX 2: Hızlı Oyun Başlat çerçevesi iki yanda sıfır hizalı === */
@media (max-width:700px){
  #gameView:not(.playing-board) .lobby-board-preview{
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
    border-left:1px solid rgba(255,210,73,.88)!important;
    border-right:1px solid rgba(255,210,73,.88)!important;
    border-radius:8px!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  #gameView:not(.playing-board) .quick-play-banner::before{
    left:0!important;
    right:0!important;
    inset:0!important;
    width:100%!important;
  }
}


/* === CEM KESIN FIX: Mobil Hızlı Oyun Başlat köşe/sıfır hiza === */
@media (max-width:700px){
  #gameView:not(.playing-board) .lobby-board-preview{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    border:0!important;
    outline:0!important;
    border-radius:8px!important;
    background:linear-gradient(90deg,#053923 0%,#0b693f 50%,#053421 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,210,73,.92),0 0 12px rgba(255,203,65,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
    overflow:hidden!important;
    align-self:stretch!important;
    transform:none!important;
  }
  #gameView:not(.playing-board) .quick-play-banner::before{
    inset:0!important;
    width:100%!important;
    border-radius:8px!important;
  }
}

/* === CEM FINAL: Mobilde işaretli boş/animasyon alanı tamamen kaldırıldı === */
@media (max-width:700px){
  #gameView:not(.playing-board) .lobby-board-preview{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    row-gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-scene *,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-glass,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-trail,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-board-dice,
  #gameView:not(.playing-board) .lobby-board-preview .preview-piece,
  #gameView:not(.playing-board) .lobby-board-preview .preview-spark,
  #gameView:not(.playing-board) .lobby-board-preview .lobby-trust-row{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .mobile-dinamik-title-banner{
    margin:0!important;
    flex:0 0 50px!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    margin:0!important;
    flex:0 0 40px!important;
    width:100%!important;
  }
}

/* === CEM SON KESIN FIX: Mobilde Dinamik banner altındaki boş/animasyon alanını kaldır, hızlı oyunu o alana oturt === */
@media (max-width:700px){
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    row-gap:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    position:relative!important;
  }

  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::before,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:none!important;
  }

  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-scene,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-scene *,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-glass,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-trail,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-dice,
  #gameView:not(.playing-board) #lobbyBoardPreview .preview-die,
  #gameView:not(.playing-board) #lobbyBoardPreview .preview-piece,
  #gameView:not(.playing-board) #lobbyBoardPreview .preview-spark,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-trust-row{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-9999px!important;
    top:-9999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner{
    order:0!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,210,73,.70)!important;
    border-radius:10px 10px 0 0!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner{
    order:1!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:-1px 0 0 0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    gap:6px!important;
    border:1px solid rgba(255,210,73,.88)!important;
    border-radius:0 0 10px 10px!important;
    background:linear-gradient(90deg,#053923 0%,#0b693f 50%,#053421 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 10px rgba(255,203,65,.16)!important;
    overflow:hidden!important;
    z-index:5!important;
  }

  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:0 0 10px 10px!important;
    pointer-events:none!important;
  }

  #gameView:not(.playing-board) #quickPlayButton .quick-play-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    font-size:15px!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-copy strong{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.15px!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-copy small{
    display:block!important;
    font-size:6px!important;
    line-height:1!important;
    margin-top:2px!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-arrow{
    font-size:20px!important;
  }
}

/* === FINAL CEM FIX: Kirmizi isaretli animasyon/orta cerceve tamamen kaldirildi, Hizli Oyun Baslat silinen alana tasindi === */
@media (max-width:700px){
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview{
    order:1!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::before,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::after{
    content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-scene,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-board-scene *,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-trust-row,
  #gameView:not(.playing-board) #lobbyBoardPreview .lobby-trust-row *{
    display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-99999px!important;top:-99999px!important;width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner{
    order:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,210,73,.70)!important;
    border-radius:10px 10px 0 0!important;
    background:linear-gradient(180deg,rgba(7,79,50,.98),rgba(4,42,29,.98))!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;}
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner{
    order:1!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    margin:-1px 0 0 0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    gap:6px!important;
    border:1px solid rgba(255,210,73,.88)!important;
    border-radius:0 0 10px 10px!important;
    background:linear-gradient(90deg,#053923 0%,#0b693f 50%,#053421 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 10px rgba(255,203,65,.16)!important;
    overflow:hidden!important;
    z-index:10!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner::before{content:""!important;position:absolute!important;inset:0!important;border-radius:0 0 10px 10px!important;pointer-events:none!important;}
}

/* === CEM KESIN MOBIL FIX: HIZLI OYUN BASLAT TAM ORTALI VE TAM GENISLIK === */
@media (max-width:700px){
  #gameView:not(.playing-board) #lobbyBoardPreview,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    row-gap:0!important;
    column-gap:0!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview::before,
  #gameView:not(.playing-board) #lobbyBoardPreview::after{
    content:none!important;
    display:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview > img,
  #gameView:not(.playing-board) #lobbyBoardPreview > canvas,
  #gameView:not(.playing-board) #lobbyBoardPreview > picture,
  #gameView:not(.playing-board) #lobbyBoardPreview > svg,
  #gameView:not(.playing-board) #lobbyBoardPreview > .lobby-board-scene,
  #gameView:not(.playing-board) #lobbyBoardPreview > .lobby-board-glass,
  #gameView:not(.playing-board) #lobbyBoardPreview > .lobby-board-trail,
  #gameView:not(.playing-board) #lobbyBoardPreview > .lobby-board-dice,
  #gameView:not(.playing-board) #lobbyBoardPreview > .preview-piece,
  #gameView:not(.playing-board) #lobbyBoardPreview > .preview-spark,
  #gameView:not(.playing-board) #lobbyBoardPreview > .lobby-trust-row{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner{
    order:0!important;
    flex:0 0 58px!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,210,73,.70)!important;
    border-radius:10px 10px 0 0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) #lobbyBoardPreview > #quickPlayButton.quick-play-banner{
    order:1!important;
    flex:0 0 38px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:-1px 0 0 0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    gap:6px!important;
    clear:both!important;
    float:none!important;
    border:1px solid rgba(255,210,73,.90)!important;
    border-radius:0 0 10px 10px!important;
    background:linear-gradient(90deg,#053923 0%,#0b693f 50%,#053421 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 10px rgba(255,203,65,.16)!important;
    overflow:hidden!important;
    z-index:999!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-copy{
    flex:0 1 auto!important;
    min-width:0!important;
    text-align:center!important;
    align-items:center!important;
  }
}

/* === CEM NET FIX: Dinamik başlığın altındaki tavla logosu/çerçevesi tamamen silindi === */
@media (max-width:700px){
  #gameView:not(.playing-board) #lobbyBoardPreview,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    row-gap:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview::before,
  #gameView:not(.playing-board) #lobbyBoardPreview::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview > :not(.mobile-dinamik-title-banner):not(#quickPlayButton){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner{
    order:0!important;
    flex:0 0 58px!important;
    display:flex!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,210,73,.70)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(7,79,50,.98),rgba(4,42,29,.98))!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner{
    order:1!important;
    flex:0 0 38px!important;
    align-self:stretch!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:3px 0 0 0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid rgba(255,210,73,.90)!important;
    border-radius:8px!important;
    background:linear-gradient(90deg,#053923 0%,#0b693f 50%,#053421 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 10px rgba(255,203,65,.16)!important;
    overflow:hidden!important;
    z-index:50!important;
  }
}


/* === CEM MOBIL LOBI SON HEDEF GORUNUM FIX ===
   Mobilde 1. gorseldeki akış: üst menü + DİNAMİK ONLINE TAVLA banner + MASALAR/TURNUVALAR + tablo.
   Hızlı Oyun Başlat ve boş çerçeve komple kaldırıldı. Web görünümü etkilenmez. */
@media (max-width: 768px){
  #gameView:not(.playing-board) .quick-play-banner,
  #quickPlayButton{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) .lobby-board-preview{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    display:block!important;
  }

  #gameView:not(.playing-board) .mobile-dinamik-title-banner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0 0 6px 0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,213,76,.28)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg, rgba(6,72,45,.96), rgba(2,47,32,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) .mobile-dinamik-title-banner img{
    display:block!important;
    width:auto!important;
    max-width:88%!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
    margin:0 auto!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))!important;
  }

  #gameView:not(.playing-board) .lobby-trust-row,
  #gameView:not(.playing-board) .lobby-board-scene,
  #gameView:not(.playing-board) .lobby-board-image,
  #gameView:not(.playing-board) .preview-piece,
  #gameView:not(.playing-board) .lobby-board-dice{
    display:none!important;
  }

  #gameView:not(.playing-board) .lobby-main-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:0 4px 4px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  #gameView:not(.playing-board) .lobby-left{
    order:2!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) .lobby-filter-bar{
    padding:0!important;
    margin:0!important;
    border-radius:10px 10px 0 0!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) .lobby-tabs.two-tabs{
    height:36px!important;
    padding:3px!important;
    gap:5px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    box-sizing:border-box!important;
  }

  #gameView:not(.playing-board) .lobby-tab{
    height:30px!important;
    min-height:30px!important;
    border-radius:7px!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  #gameView:not(.playing-board) .match-browser{
    margin-top:0!important;
    border-radius:0!important;
  }

  #gameView:not(.playing-board) .browser-head{
    grid-template-columns:1.05fr .78fr .55fr .55fr .55fr .48fr!important;
    height:25px!important;
    padding:0 5px!important;
    font-size:6.4px!important;
  }

  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5){
    display:block!important;
  }

  #gameView:not(.playing-board) .lobby-table-list{
    max-height:216px!important;
    overflow:auto!important;
  }

  #gameView:not(.playing-board) .lobby-table-list .table-row{
    grid-template-columns:1.05fr .78fr .55fr .55fr .55fr .48fr!important;
    min-height:32px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }

  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){
    display:flex!important;
  }

  #gameView:not(.playing-board) .lobby-table-list button{
    min-height:20px!important;
    width:22px!important;
    max-width:22px!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:0!important;
  }

  #gameView:not(.playing-board) .lobby-table-list button::after{
    content:'•••'!important;
    font-size:10px!important;
    line-height:1!important;
  }

  #gameView:not(.playing-board) .premium-actions{
    display:none!important;
  }
}


/* === CEM KESIN HEDEF MOBIL GORUNUM 2: Tavla onizleme/cerceve komple yok ===
   Mobilde DİNAMİK ONLINE TAVLA bannerından sonra hiçbir tavla logosu, animasyon,
   boş çerçeve veya Hızlı Oyun Başlat görünmez. MASALAR/TURNUVALAR direkt gelir. */
.mobile-lobby-brand-target{display:none;}
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-main-grid{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    gap:0!important;
    padding:0 4px 4px!important;
    box-sizing:border-box!important;
  }

  #gameView:not(.playing-board) .mobile-lobby-brand-target{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
    margin:0 0 6px 0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,213,76,.28)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg, rgba(6,72,45,.96), rgba(2,47,32,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 6px 14px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .mobile-lobby-brand-target img{
    display:block!important;
    width:auto!important;
    max-width:88%!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
    margin:0 auto!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.55))!important;
  }

  /* Eski onizleme alanini tamamen kapat: icindeki tavla resmi/cercevesi/animasyon da yok. */
  #gameView:not(.playing-board) #lobbyBoardPreview,
  #gameView:not(.playing-board) .lobby-board-preview{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview *,
  #gameView:not(.playing-board) .lobby-board-preview *,
  #gameView:not(.playing-board) #quickPlayButton,
  #gameView:not(.playing-board) .quick-play-banner{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }

  #gameView:not(.playing-board) .lobby-left{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{
    margin:0!important;
    padding:0!important;
    border-radius:10px 10px 0 0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    height:36px!important;
    padding:3px!important;
    gap:5px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .match-browser{margin-top:0!important;border-radius:0!important;}
}


/* === CEM FINAL NET: Mobil görünüm birebir hedef ekran ===
   Amaç: DİNAMİK ONLINE TAVLA ana kartından sonra ekstra banner/tavla/çerçeve olmadan
   MASALAR/TURNUVALAR ve tablo direkt gelsin. Sadece mobil lobi etkilenir. */
@media (max-width:768px){
  html, body{overflow-x:hidden!important;}
  #gameView:not(.playing-board) .game-table,
  #gameView:not(.playing-board) #lobbyScreen,
  #gameView:not(.playing-board) .lobby-screen{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-main-grid{
    display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:100%!important;
    padding:0 4px 4px!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;
  }
  /* Ekstra sonradan eklenen DİNAMİK banner, hızlı oyun ve tavla önizleme komple yok */
  #gameView:not(.playing-board) .mobile-lobby-brand-target,
  #gameView:not(.playing-board) #lobbyBoardPreview,
  #gameView:not(.playing-board) .lobby-board-preview,
  #gameView:not(.playing-board) #quickPlayButton,
  #gameView:not(.playing-board) .quick-play-banner{
    display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-99999px!important;top:-99999px!important;
    width:0!important;min-width:0!important;max-width:0!important;height:0!important;min-height:0!important;max-height:0!important;
    margin:0!important;padding:0!important;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;overflow:hidden!important;pointer-events:none!important;
  }
  #gameView:not(.playing-board) .lobby-left{
    order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
    border:1px solid rgba(239,190,82,.48)!important;border-radius:9px!important;overflow:hidden!important;
    background:rgba(1,20,14,.98)!important;box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;margin:0!important;padding:0!important;border-radius:9px 9px 0 0!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-tabs.two-tabs{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;height:38px!important;min-height:38px!important;
    margin:0!important;padding:3px!important;box-sizing:border-box!important;background:linear-gradient(180deg,#073d29,#021910)!important;border:0!important;border-radius:0!important;
  }
  #gameView:not(.playing-board) .lobby-tab{
    height:32px!important;min-height:32px!important;border-radius:7px!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;
    display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:0 4px!important;
  }
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#fff19c 0%,#e9c45a 56%,#bf9022 100%)!important;color:#132015!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}
  #gameView:not(.playing-board) .match-browser{width:100%!important;max-width:100%!important;margin:0!important;border:0!important;border-top:1px solid rgba(239,190,82,.42)!important;border-radius:0!important;overflow:hidden!important;background:#00100b!important;}
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    display:grid!important;grid-template-columns:1.18fr .82fr .58fr .62fr .58fr .52fr!important;gap:0!important;width:100%!important;min-width:0!important;
    padding:0!important;box-sizing:border-box!important;align-items:center!important;
  }
  #gameView:not(.playing-board) .browser-head{height:28px!important;min-height:28px!important;background:#020b08!important;border-bottom:1px solid rgba(239,190,82,.36)!important;}
  #gameView:not(.playing-board) .browser-head span{
    display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;min-width:0!important;padding:0 1px!important;
    font-size:clamp(6px,1.82vw,8px)!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;color:#ffe06d!important;font-weight:1000!important;
    border-right:1px solid rgba(239,190,82,.16)!important;box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .browser-head span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),
  #gameView:not(.playing-board) .browser-head span:nth-child(5){display:flex!important;}
  #gameView:not(.playing-board) .lobby-table-list{display:block!important;width:100%!important;max-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    height:38px!important;min-height:38px!important;background:linear-gradient(90deg,rgba(5,92,56,.96),rgba(5,71,47,.94))!important;border-bottom:1px solid rgba(255,225,117,.15)!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .cell,
  #gameView:not(.playing-board) .lobby-table-list .table-row > button{
    min-width:0!important;max-width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0 2px!important;margin:0!important;text-align:center!important;overflow:hidden!important;white-space:nowrap!important;box-sizing:border-box!important;border-right:1px solid rgba(239,190,82,.15)!important;
    font-size:clamp(7px,2.05vw,10px)!important;line-height:1!important;font-weight:900!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row > button{border-right:0!important;}
  #gameView:not(.playing-board) .player-name{justify-content:flex-start!important;text-align:left!important;padding-left:6px!important;}
  #gameView:not(.playing-board) .player-name strong{font-size:clamp(8px,2.45vw,12px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .rank-dot{width:8px!important;height:8px!important;min-width:8px!important;margin-right:4px!important;}
  #gameView:not(.playing-board) .spinner-dot{width:11px!important;height:11px!important;min-width:11px!important;margin-right:3px!important;border-width:2px!important;}
  #gameView:not(.playing-board) .stake-cell strong{font-size:clamp(8px,2.25vw,10px)!important;color:#ffd85c!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .status-chip{min-width:28px!important;height:18px!important;padding:0 5px!important;font-size:clamp(6px,1.85vw,9px)!important;border-radius:999px!important;}
  #gameView:not(.playing-board) .watch-button{
    width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;margin:0 auto!important;border-radius:999px!important;font-size:0!important;
  }
  #gameView:not(.playing-board) .watch-button::after{content:'•••'!important;font-size:10px!important;line-height:1!important;color:#fff!important;}
  #gameView:not(.playing-board) .premium-actions{display:none!important;}
  #gameView:not(.playing-board) .lobby-chat-sidebar{display:none!important;}
}
@media (max-width:340px){
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{grid-template-columns:1.15fr .80fr .55fr .60fr .55fr .50fr!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:36px!important;min-height:36px!important;}
}

/* === MOBIL LOBI HEDEF GORUNUM - 2026-06-29 ===
   Sadece dar ekran lobi yerlesimini hedef gorsele sabitler; desktop kurallari degismez. */
@media (max-width:768px){
  html, body, #gameView:not(.playing-board), #gameView:not(.playing-board) *{box-sizing:border-box!important;}
  html, body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  #gameView.table-room:not(.playing-board){display:block!important;width:100vw!important;max-width:100vw!important;min-height:100dvh!important;height:auto!important;padding:0!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:linear-gradient(180deg,#031a11 0%,#02110c 58%,#010806 100%)!important;}
  #gameView:not(.playing-board) .premium-topbar{width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-areas:"brand account" "nav nav"!important;gap:6px!important;padding:5px 6px 6px!important;margin:0!important;border-bottom:1px solid rgba(221,178,70,.52)!important;background:linear-gradient(180deg,#04190f,#010b07)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-brand{grid-area:brand!important;width:78px!important;min-width:78px!important;height:48px!important;min-height:48px!important;padding:4px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;border:1px solid rgba(230,184,72,.62)!important;background:linear-gradient(145deg,rgba(5,73,44,.98),rgba(1,31,21,.98))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{display:block!important;width:68px!important;max-width:68px!important;height:38px!important;object-fit:contain!important;}
  #gameView:not(.playing-board) .premium-brand .brand-copy,#gameView:not(.playing-board) .premium-brand #userLine,#gameView:not(.playing-board) .connection-line,#gameView:not(.playing-board) #settingsButton,#gameView:not(.playing-board) .top-icon.notify,#gameView:not(.playing-board) #backLobbyButton{display:none!important;}
  #gameView:not(.playing-board) .premium-user-bar,#gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{grid-area:account!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 58px 40px!important;gap:4px!important;align-items:center!important;padding:4px!important;margin:0!important;border-radius:8px!important;border:1px solid rgba(230,184,72,.68)!important;background:linear-gradient(180deg,rgba(5,55,35,.98),rgba(1,20,14,.98))!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-user-bar::before,#gameView:not(.playing-board) .premium-user-bar::after{display:none!important;content:none!important;}
  #gameView:not(.playing-board) .premium-avatar.top-user-box{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;margin:0!important;}
  #gameView:not(.playing-board) .premium-avatar-letter{font-size:15px!important;}
  #gameView:not(.playing-board) .premium-online-dot{width:7px!important;height:7px!important;right:0!important;bottom:0!important;}
  #gameView:not(.playing-board) .premium-user-info,#gameView:not(.playing-board) .premium-user-bar .top-account-info{min-width:0!important;width:100%!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-username,#gameView:not(.playing-board) .premium-user-bar .top-account-info strong{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:15px!important;font-weight:1000!important;color:#fff!important;}
  #gameView:not(.playing-board) .premium-status,#gameView:not(.playing-board) .premium-username::after{display:none!important;content:none!important;}
  #gameView:not(.playing-board) .premium-balance-card{width:58px!important;min-width:58px!important;height:36px!important;min-height:36px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:2px!important;margin:0!important;border-radius:8px!important;border:1px solid rgba(230,184,72,.58)!important;background:rgba(1,26,18,.96)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-balance-card .label{font-size:6.5px!important;line-height:8px!important;}
  #gameView:not(.playing-board) .premium-balance-card .amount,#gameView:not(.playing-board) #topBalanceBox{font-size:10.5px!important;line-height:13px!important;color:#ffe077!important;}
  #gameView:not(.playing-board) .premium-balance-arrow{display:none!important;}
  #gameView:not(.playing-board) .premium-logout-btn,#gameView:not(.playing-board) #logoutButton{width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border-radius:8px!important;border:1px solid rgba(230,184,72,.58)!important;background:rgba(1,26,18,.96)!important;color:#fff!important;font-size:8px!important;font-weight:1000!important;}
  #gameView:not(.playing-board) .premium-nav{grid-area:nav!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important;margin:0!important;}
  #gameView:not(.playing-board) .premium-nav .nav-pill{width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:4px!important;border-radius:8px!important;border:1px solid rgba(230,184,72,.66)!important;background:linear-gradient(180deg,rgba(5,72,46,.98),rgba(2,47,32,.98))!important;color:#fff!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .premium-nav .nav-icon{display:block!important;font-size:16px!important;line-height:18px!important;}
  #gameView:not(.playing-board) .premium-nav .nav-pill span:last-child{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:11px!important;font-weight:1000!important;text-align:center!important;}
  #gameView:not(.playing-board) .game-table{display:block!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:0!important;padding:6px 6px 12px!important;margin:0!important;overflow:visible!important;background:transparent!important;}
  #gameView:not(.playing-board) #lobbyScreen,#gameView:not(.playing-board) .lobby-screen{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow:visible!important;border:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-header{display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0 0 6px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  #gameView:not(.playing-board) .lobby-live-stats-card,#gameView:not(.playing-board) .lobby-clock{display:none!important;}
  #gameView:not(.playing-board) .lobby-ad{width:100%!important;height:88px!important;min-height:88px!important;display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:10px 13px!important;margin:0!important;border-radius:9px!important;border:1px solid rgba(230,184,72,.55)!important;background:linear-gradient(180deg,rgba(7,76,48,.96),rgba(2,45,31,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.24)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-ad img{width:60px!important;height:48px!important;max-width:60px!important;object-fit:contain!important;justify-self:start!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{display:block!important;font-size:24px!important;line-height:25px!important;letter-spacing:0!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.6)!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong b{display:block!important;color:#ffe56f!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean span{display:none!important;}
  #gameView:not(.playing-board) .lobby-main-grid{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:0!important;padding:0!important;margin:0!important;overflow:visible!important;}
  #gameView:not(.playing-board) #lobbyBoardPreview,#gameView:not(.playing-board) .lobby-board-preview,#gameView:not(.playing-board) .mobile-dinamik-title-banner,#gameView:not(.playing-board) .mobile-lobby-brand-target,#gameView:not(.playing-board) #quickPlayButton,#gameView:not(.playing-board) .quick-play-banner,#gameView:not(.playing-board) .lobby-trust-row,#gameView:not(.playing-board) .lobby-chat-sidebar,#gameView:not(.playing-board) .bottom-console .chat-box,#gameView:not(.playing-board) .live-support-modal{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important;}
  #gameView:not(.playing-board) .lobby-left{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:9px!important;border:1px solid rgba(230,184,72,.58)!important;background:rgba(1,20,14,.98)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-filter-bar{display:block!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;}
  #gameView:not(.playing-board) .lobby-tools{display:none!important;}
  #gameView:not(.playing-board) .lobby-tabs.two-tabs,#gameView:not(.playing-board) .lobby-tabs.premium-tabs.two-tabs{width:100%!important;height:42px!important;min-height:42px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:4px!important;margin:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#073f2a,#021b12)!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-tab{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 4px!important;border-radius:7px!important;border:1px solid rgba(230,184,72,.45)!important;background:rgba(3,58,38,.92)!important;color:#fff!important;font-size:10px!important;line-height:1!important;font-weight:1000!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .lobby-tab.active{background:linear-gradient(180deg,#fff29c 0%,#e8c458 58%,#bd8d21 100%)!important;color:#112016!important;}
  #gameView:not(.playing-board) .match-browser{width:100%!important;max-width:100%!important;margin:0!important;border:0!important;border-top:1px solid rgba(230,184,72,.45)!important;border-radius:0!important;background:#00100b!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .browser-head,#gameView:not(.playing-board) .lobby-table-list .table-row{display:grid!important;grid-template-columns:minmax(76px,1.16fr) minmax(58px,.86fr) minmax(42px,.58fr) minmax(42px,.62fr) minmax(44px,.60fr) 38px!important;column-gap:0!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;align-items:center!important;}
  #gameView:not(.playing-board) .browser-head{height:28px!important;min-height:28px!important;background:#020b08!important;border-bottom:1px solid rgba(230,184,72,.38)!important;}
  #gameView:not(.playing-board) .browser-head span{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;height:100%!important;padding:0 1px!important;border-right:1px solid rgba(230,184,72,.15)!important;color:#ffe06d!important;font-size:clamp(6px,1.9vw,8px)!important;line-height:1!important;font-weight:1000!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .browser-head span:nth-child(2),#gameView:not(.playing-board) .browser-head span:nth-child(5){justify-content:center!important;text-align:center!important;}
  #gameView:not(.playing-board) .browser-head span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .lobby-table-list{display:block!important;width:100%!important;max-height:268px!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,rgba(2,44,30,.98),rgba(1,28,20,.98))!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row{height:38px!important;min-height:38px!important;background:linear-gradient(90deg,rgba(6,94,58,.97),rgba(5,69,47,.95))!important;border:0!important;border-bottom:1px solid rgba(255,225,117,.16)!important;box-shadow:none!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell,#gameView:not(.playing-board) .lobby-table-list .table-row > button{min-width:0!important;width:100%!important;max-width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 2px!important;margin:0!important;border-right:1px solid rgba(230,184,72,.13)!important;color:#f3fff8!important;font-size:clamp(7px,2.05vw,10px)!important;line-height:1!important;font-weight:900!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #gameView:not(.playing-board) .lobby-table-list .cell:nth-child(2),#gameView:not(.playing-board) .lobby-table-list .cell:nth-child(5){justify-content:center!important;text-align:center!important;}
  #gameView:not(.playing-board) .lobby-table-list .player-name{justify-content:flex-start!important;text-align:left!important;padding-left:6px!important;}
  #gameView:not(.playing-board) .lobby-table-list .player-name strong{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(8px,2.45vw,12px)!important;line-height:1!important;color:#fff!important;}
  #gameView:not(.playing-board) .rank-dot{width:7px!important;height:7px!important;min-width:7px!important;margin-right:4px!important;}
  #gameView:not(.playing-board) .spinner-dot{width:10px!important;height:10px!important;min-width:10px!important;margin-right:3px!important;border-width:2px!important;}
  #gameView:not(.playing-board) .stake-cell strong{color:#ffd95d!important;font-size:clamp(7px,2.1vw,10px)!important;white-space:nowrap!important;}
  #gameView:not(.playing-board) .status-chip{min-width:28px!important;height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;border-radius:999px!important;font-size:clamp(6px,1.8vw,9px)!important;line-height:1!important;background:linear-gradient(180deg,#1bc47b,#0b8d58)!important;color:#fff!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row > button,#gameView:not(.playing-board) .watch-button{justify-self:center!important;align-self:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0!important;margin:0 auto!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#1bc47b,#087f52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important;font-size:0!important;overflow:hidden!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row > button::after,#gameView:not(.playing-board) .watch-button::after{content:"..."!important;display:block!important;font-size:12px!important;line-height:22px!important;color:#fff!important;letter-spacing:0!important;}
  #gameView:not(.playing-board) .premium-actions,#gameView:not(.playing-board) #tableForm{display:none!important;}
}

@media (max-width:390px){
  #gameView:not(.playing-board) .premium-topbar{grid-template-columns:72px minmax(0,1fr)!important;}
  #gameView:not(.playing-board) .premium-brand{width:72px!important;min-width:72px!important;}
  #gameView:not(.playing-board) .premium-brand .top-brand-logo{width:62px!important;max-width:62px!important;}
  #gameView:not(.playing-board) .premium-user-bar,#gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{grid-template-columns:32px minmax(0,1fr) 54px 38px!important;gap:3px!important;}
  #gameView:not(.playing-board) .premium-username,#gameView:not(.playing-board) .premium-user-bar .top-account-info strong{font-size:11px!important;}
  #gameView:not(.playing-board) .lobby-ad{height:84px!important;min-height:84px!important;grid-template-columns:64px minmax(0,1fr)!important;padding:9px 10px!important;}
  #gameView:not(.playing-board) .lobby-ad img{width:54px!important;max-width:54px!important;height:44px!important;}
  #gameView:not(.playing-board) .lobby-ad-title-clean strong{font-size:21px!important;line-height:23px!important;}
  #gameView:not(.playing-board) .browser-head,#gameView:not(.playing-board) .lobby-table-list .table-row{grid-template-columns:minmax(70px,1.14fr) minmax(53px,.84fr) minmax(38px,.56fr) minmax(38px,.60fr) minmax(39px,.58fr) 34px!important;}
  #gameView:not(.playing-board) .lobby-table-list .table-row > button,#gameView:not(.playing-board) .watch-button{width:26px!important;min-width:26px!important;max-width:26px!important;height:26px!important;min-height:26px!important;max-height:26px!important;}
  #gameView:not(.playing-board) .watch-button::after{line-height:20px!important;}
}

/* === MOBIL LOBI SON HIZALAMA KILIDI - 2026-06-29 === */
@media (max-width:768px){
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::before,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview::after,
  #gameView:not(.playing-board) #lobbyBoardPreview.lobby-board-preview *,
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner,
  #gameView:not(.playing-board) #lobbyBoardPreview .mobile-dinamik-title-banner *{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    max-height:none!important;
    scrollbar-width:none!important;
  }
  #gameView:not(.playing-board) .lobby-table-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
}

/* === MOBIL LOBI BASLA VE HIZLI OYUN BUTONU - 2026-06-29 === */
@media (max-width:768px){
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    order:3!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:8px 0 0!important;
    padding:0 12px!important;
    border:1px solid rgba(246,196,85,.66)!important;
    border-radius:0 0 9px 9px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:#fff7ca!important;
    background:linear-gradient(90deg,#05331f 0%,#0b6b40 52%,#05331f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-icon,
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-arrow{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    color:#ffe16d!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:1000!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-copy,
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-copy strong{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    color:#fff7ca!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
  }
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    grid-template-columns:minmax(72px,1.08fr) minmax(52px,.78fr) minmax(38px,.52fr) minmax(42px,.58fr) minmax(42px,.56fr) 54px!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row > button,
  #gameView:not(.playing-board) .watch-button{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    padding:0 5px!important;
    margin:0 auto!important;
    border-radius:999px!important;
    border:1px solid rgba(159,255,195,.46)!important;
    background:linear-gradient(180deg,#20c781,#087f52)!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:1000!important;
    text-align:center!important;
    text-indent:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .watch-button::after,
  #gameView:not(.playing-board) .lobby-table-list .table-row > button::after{
    content:none!important;
    display:none!important;
  }
}
@media (max-width:390px){
  #gameView:not(.playing-board) .browser-head,
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    grid-template-columns:minmax(66px,1.03fr) minmax(48px,.74fr) minmax(34px,.50fr) minmax(38px,.56fr) minmax(38px,.54fr) 50px!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row > button,
  #gameView:not(.playing-board) .watch-button{width:44px!important;min-width:44px!important;max-width:44px!important;font-size:7.5px!important;}
}

/* === MOBIL MASA OLUSTUR PANELI - SADECE MOBIL / 2026-06-29 ===
   Istenen hedef: tablolarin altinda Bahis Tutari + Yeni Masa Olustur,
   onun altinda Hizli Oyun Baslat. Desktop gorunum etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    display:flex!important;
    flex-direction:column!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{order:1!important;}
  #gameView:not(.playing-board) .match-browser{order:2!important;}
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    order:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(142px,1.28fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border:1px solid rgba(246,196,85,.72)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(3,44,28,.98),rgba(1,22,15,.98))!important;
    box-shadow:0 0 14px rgba(255,208,83,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:58px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    order:4!important;
    margin:8px 0 0!important;
    border-radius:10px!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    grid-template-rows:14px 30px!important;
    gap:4px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper span{
    grid-column:1 / -1!important;
    display:block!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:12px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    white-space:nowrap!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    border-radius:7px!important;
    border:1px solid rgba(60,219,142,.52)!important;
    background:#062c20!important;
    color:#fff7c8!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button{
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
    font-size:20px!important;
    font-weight:1000!important;
    color:#ffe06b!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    width:100%!important;
    min-width:0!important;
    padding:0 4px!important;
    text-align:center!important;
    font-size:14px!important;
    font-weight:1000!important;
    -moz-appearance:textfield!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper input::-webkit-outer-spin-button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input::-webkit-inner-spin-button{appearance:none!important;margin:0!important;}
  #gameView:not(.playing-board) #tableForm .create-match{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:end!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#ffe987 0%,#f2c659 52%,#d79b2d 100%)!important;
    color:#151404!important;
    box-shadow:0 4px 12px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    pointer-events:auto!important;
  }
}
@media (max-width:340px){
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    grid-template-columns:1fr 1.18fr!important;
    gap:6px!important;
    padding:7px!important;
  }
  #gameView:not(.playing-board) #tableForm .create-match{font-size:9px!important;padding:0 5px!important;}
  #gameView:not(.playing-board) #tableForm .stake-stepper{grid-template-columns:27px minmax(0,1fr) 27px!important;}
  #gameView:not(.playing-board) #tableForm .stake-stepper button{width:27px!important;min-width:27px!important;}
}

/* === MOBIL YENI MASA PANELI KONUM FIX - 2026-06-29 ===
   Sadece mobil lobi: tablo alanindaki gereksiz boslugu kaldirir ve
   Bahis Tutari / Yeni Masa Olustur panelini satirlarin hemen altina alir.
   Desktop gorunum etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  #gameView:not(.playing-board) .match-browser{
    order:2!important;
    display:grid!important;
    grid-template-rows:28px auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    order:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(136px,1.18fr)!important;
    gap:7px!important;
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
    margin:6px 5px 6px!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(246,196,85,.72)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,rgba(3,50,32,.98),rgba(1,25,17,.99))!important;
    box-shadow:0 0 12px rgba(255,208,83,.14), inset 0 1px 0 rgba(255,255,255,.12)!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    height:auto!important;
    min-height:54px!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    order:4!important;
  }
}
@media (max-width:340px){
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    grid-template-columns:1fr!important;
  }
  #gameView:not(.playing-board) #tableForm .create-match{
    height:30px!important;
  }
}


/* === MOBIL ALT LOBI FINAL DUZELTME - 2026-06-29 ===
   Sadece mobil: masa listesinin altindaki bos yesil alani kaldirir.
   Bahis Tutari / Yeni Masa Olustur, Hizli Oyun Baslat ve Canli Destek
   2. gorseldeki gibi pes pese gelir. Masaustu etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{order:1!important;}
  #gameView:not(.playing-board) .match-browser{
    order:2!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    flex:0 0 auto!important;
  }
  #gameView:not(.playing-board) .browser-head{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:linear-gradient(180deg,rgba(2,44,30,.98),rgba(1,28,20,.98))!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    order:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(128px,1.35fr)!important;
    align-items:end!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(2,39,28,.99),rgba(1,22,16,.99))!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    grid-template-rows:14px 30px!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper span{
    grid-column:1 / -1!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:12px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    border-radius:7px!important;
    border:1px solid rgba(48,213,136,.55)!important;
    background:#06291e!important;
    color:#fff7c8!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    padding:0!important;
    color:#ffd85c!important;
    font-size:19px!important;
    font-weight:1000!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    width:100%!important;
    min-width:0!important;
    padding:0 3px!important;
    text-align:center!important;
    font-size:12px!important;
    font-weight:1000!important;
    -moz-appearance:textfield!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper input::-webkit-outer-spin-button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input::-webkit-inner-spin-button{appearance:none!important;margin:0!important;}
  #gameView:not(.playing-board) #tableForm .create-match{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#fff19a 0%,#e9c65b 58%,#ca9227 100%)!important;
    color:#151404!important;
    box-shadow:0 3px 10px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.55)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    order:4!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    background:linear-gradient(90deg,#052f22,#074b32,#052f22)!important;
    box-shadow:none!important;
    color:#ffe06b!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner .quick-play-copy strong{
    color:#ffe06b!important;
    font-size:11px!important;
    font-weight:1000!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    border-radius:0 0 8px 8px!important;
    background:linear-gradient(90deg,#052f22,#063a2b,#052f22)!important;
    color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    font-size:12px!important;
    font-weight:1000!important;
    letter-spacing:.2px!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-icon{
    color:#ffdc69!important;
    font-size:17px!important;
    line-height:1!important;
  }
}
@media (max-width:340px){
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    grid-template-columns:minmax(0,1fr) minmax(112px,1.2fr)!important;
    gap:5px!important;
    padding:6px!important;
  }
  #gameView:not(.playing-board) #tableForm .create-match{font-size:8px!important;padding:0 5px!important;}
  #gameView:not(.playing-board) #tableForm .stake-stepper{grid-template-columns:26px minmax(0,1fr) 26px!important;}
  #gameView:not(.playing-board) #tableForm .stake-stepper button{width:26px!important;min-width:26px!important;max-width:26px!important;}
}

/* === MOBIL HIZLI OYUN BASLAT KONUM FIX - 2026-06-29 ===
   Sadece mobil: HIZLI OYUN BASLAT butonunu masa listesinin hemen altina,
   bahis tutari panelinin ustune tasir. Masaustu etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    order:3!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    border-bottom:1px solid rgba(230,184,72,.45)!important;
    background:linear-gradient(90deg,#052f22,#074b32,#052f22)!important;
    box-shadow:none!important;
    color:#ffe06b!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    order:4!important;
    margin:0!important;
    border-top:0!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
  }
}

/* === MOBIL LOBI ALT KISIM SON DUZELTME - 2026-06-29 ===
   Sadece mobil etkilenir: masa listesinden sonra bos alan kalmaz.
   Siralama: Bahis Tutari + Yeni Masa Olustur, HIZLI OYUN BASLAT, CANLI DESTEK. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-filter-bar{order:1!important;margin:0!important;}
  #gameView:not(.playing-board) .match-browser{
    order:2!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .browser-head{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    order:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(118px,1.22fr)!important;
    grid-template-rows:1fr!important;
    align-items:end!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(2,39,28,.99),rgba(1,22,16,.99))!important;
    box-shadow:none!important;
    position:relative!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    grid-template-rows:14px 29px!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper span{
    grid-column:1 / -1!important;
    font-size:8px!important;
    line-height:12px!important;
    white-space:nowrap!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    padding:0!important;
  }
  #gameView:not(.playing-board) #tableForm .create-match{
    align-self:end!important;
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 6px!important;
    font-size:clamp(8px,2.35vw,10px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner,
  #gameView:not(.playing-board) .lobby-left > #quickPlayButton.quick-play-banner{
    order:4!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:0!important;
    border:0!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    border-bottom:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:0 0 8px 8px!important;
    border-top:1px solid rgba(230,184,72,.45)!important;
    visibility:visible!important;
    opacity:1!important;
  }
}
@media (max-width:340px){
  #gameView:not(.playing-board) #tableForm.premium-actions,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) .premium-actions.mobile-create-table-panel{
    grid-template-columns:minmax(0,.74fr) minmax(108px,1.26fr)!important;
    gap:5px!important;
    padding:6px!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper{
    grid-template-columns:24px minmax(0,1fr) 24px!important;
    grid-template-rows:13px 27px!important;
    gap:3px!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button{
    width:24px!important;min-width:24px!important;max-width:24px!important;
  }
  #gameView:not(.playing-board) #tableForm .stake-stepper button,
  #gameView:not(.playing-board) #tableForm .stake-stepper input{
    height:27px!important;min-height:27px!important;max-height:27px!important;
  }
  #gameView:not(.playing-board) #tableForm .create-match{
    height:29px!important;min-height:29px!important;max-height:29px!important;
    font-size:7.5px!important;padding:0 4px!important;
  }
}

/* === MOBIL YENI MASA BUTONU SAG KONUM KESIN FIX - 2026-06-29 ===
   Sadece mobil lobi: Yeni Masa Olustur butonunu Bahis Tutari panelinin sagina alir.
   Web/desktop gorunum etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left > #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) #tableForm.premium-actions.mobile-create-table-panel{
    order:3!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) minmax(118px, 1fr)!important;
    grid-template-areas:"stake create"!important;
    align-items:end!important;
    column-gap:7px!important;
    row-gap:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    height:auto!important;
    margin:0!important;
    padding:7px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel .stake-stepper{
    grid-area:stake!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    align-self:end!important;
  }

  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel .create-match{
    grid-area:create!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    align-self:end!important;
    justify-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:clamp(8px,2.2vw,10px)!important;
    padding:0 5px!important;
  }

  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner{
    order:4!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
  }
}

@media (max-width:360px){
  #gameView:not(.playing-board) .lobby-left > #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel,
  #gameView:not(.playing-board) #tableForm.premium-actions.mobile-create-table-panel{
    grid-template-columns:minmax(0, .92fr) minmax(102px, 1.08fr)!important;
    column-gap:5px!important;
    padding:6px!important;
  }
  #gameView:not(.playing-board) #tableForm.mobile-create-table-panel .create-match{
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    font-size:7.4px!important;
    padding:0 3px!important;
  }
}


/* === MOBIL ALT GUVEN SATIRI - FINAL 2026-06-29 ===
   Sadece mobil lobi alt kisim: Canli Destek altina guven satiri ekler. Web etkilenmez. */
.mobile-bottom-trust-row{display:none;}
@media (max-width:768px){
  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:6!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(230,184,72,.62)!important;
    border-top:0!important;
    border-radius:0 0 7px 7px!important;
    background:linear-gradient(180deg,#063d2c 0%,#03281d 100%)!important;
    box-shadow:inset 0 0 16px rgba(246,196,85,.06)!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span{
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    border-right:1px solid rgba(230,184,72,.22)!important;
    color:#fff!important;
    text-align:center!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .mobile-bottom-trust-row b{
    flex:0 0 auto!important;
    color:#f3bd28!important;
    font-size:10px!important;
    line-height:1!important;
    font-style:normal!important;
    text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row em{
    min-width:0!important;
    display:block!important;
    color:#fff!important;
    font-style:normal!important;
    font-weight:900!important;
    font-size:clamp(5.8px,1.75vw,7px)!important;
    line-height:.95!important;
    letter-spacing:-.15px!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-shadow:0 1px 3px rgba(0,0,0,.8)!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    border-radius:0!important;
    border-bottom:0!important;
  }
}
@media (min-width:769px){
  #gameView .mobile-bottom-trust-row{display:none!important;}
}

/* === MOBIL ALT GUVEN SATIRI GORUNURLUK KESIN FIX - 2026-06-29 ===
   Sadece mobil: kirmizi okla gosterilen bos alt alana guven satirini sabitler. Web etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    position:relative!important;
    padding-bottom:40px!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    display:grid!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:30!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(230,184,72,.70)!important;
    border-radius:0 0 8px 8px!important;
    background:linear-gradient(180deg,#06452f 0%,#03261b 100%)!important;
    box-shadow:inset 0 0 14px rgba(246,196,85,.10),0 -1px 0 rgba(230,184,72,.30)!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 2px!important;
    border-right:1px solid rgba(230,184,72,.28)!important;
    box-sizing:border-box!important;
    text-align:center!important;
    color:#fff!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .mobile-bottom-trust-row b{
    display:inline-flex!important;
    flex:0 0 auto!important;
    color:#f5c331!important;
    font-size:10px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:900!important;
    text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row em{
    display:block!important;
    min-width:0!important;
    color:#fff!important;
    font-style:normal!important;
    font-weight:900!important;
    font-size:clamp(5.7px,1.75vw,7px)!important;
    line-height:.95!important;
    letter-spacing:-.18px!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
  }
}
@media (min-width:769px){
  #gameView .mobile-bottom-trust-row{display:none!important;}
}

/* === MOBIL ALT GUVEN SATIRI PARLAKLIK / USTTE GORUNUM FIX - 2026-06-29 ===
   Sadece mobil: Canli Destek altindaki guven satirini normal akis icinde, koyu yesil zeminin ustunde net okunur yapar. Web etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-left{
    padding-bottom:0!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:6!important;
    display:grid!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:999!important;
    isolation:isolate!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,213,93,.85)!important;
    border-top:1px solid rgba(255,213,93,.55)!important;
    border-radius:0 0 9px 9px!important;
    background:linear-gradient(180deg,#07583b 0%,#043523 45%,#021c14 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,236,151,.20), inset 0 0 18px rgba(255,213,93,.12), 0 -1px 0 rgba(255,213,93,.30)!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row::before,
  #gameView:not(.playing-board) .mobile-bottom-trust-row::after{
    content:none!important;
    display:none!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span{
    position:relative!important;
    z-index:1000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    border-right:1px solid rgba(255,213,93,.32)!important;
    background:transparent!important;
    color:#fff!important;
    opacity:1!important;
    filter:none!important;
    text-align:center!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row span:last-child{border-right:0!important;}
  #gameView:not(.playing-board) .mobile-bottom-trust-row b{
    position:relative!important;
    z-index:1001!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    color:#ffd447!important;
    font-size:11px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:1000!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 7px rgba(255,210,70,.45)!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row em{
    position:relative!important;
    z-index:1001!important;
    display:block!important;
    min-width:0!important;
    color:#ffffff!important;
    font-style:normal!important;
    font-weight:1000!important;
    font-size:clamp(6.4px,1.95vw,7.8px)!important;
    line-height:.96!important;
    letter-spacing:-.12px!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,1),0 0 5px rgba(255,255,255,.18)!important;
  }
  #gameView:not(.playing-board) .mobile-live-support-button{
    border-radius:0!important;
    border-bottom:0!important;
  }
}
@media (min-width:769px){
  #gameView .mobile-bottom-trust-row{display:none!important;}
}

/* === MOBIL ALT BOSLUK KESIN KALDIRMA FIX - 2026-06-29 ===
   Sadece mobil lobi: guven satirinin altindaki bos yesil kutuyu ve alt panel boslugunu siler. Web etkilenmez. */
@media (max-width:768px){
  #gameView:not(.playing-board){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:auto auto 0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }
  #gameView:not(.playing-board) .game-table,
  #gameView:not(.playing-board) #lobbyScreen,
  #gameView:not(.playing-board) .lobby-screen,
  #gameView:not(.playing-board) .premium-reference,
  #gameView:not(.playing-board) .lobby-main-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-main-grid{
    padding:0 4px 0!important;
  }
  #gameView:not(.playing-board) .lobby-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:6!important;
    margin-bottom:0!important;
    border-radius:0 0 9px 9px!important;
  }
  #gameView:not(.playing-board) .bottom-console,
  #gameView:not(.playing-board) footer.bottom-console,
  #gameView:not(.playing-board) .side-console,
  #gameView:not(.playing-board) .lobby-main-grid::after,
  #gameView:not(.playing-board) .lobby-left::after,
  #gameView:not(.playing-board) #lobbyScreen::after,
  #gameView:not(.playing-board) .lobby-screen::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}

/* === MOBIL ALT FAZLALIK KESIN FINAL FIX - 2026-06-29 ===
   Sadece mobil lobi: guven satirinin altindaki bos yesil alan tamamen kaldirildi. Web etkilenmez. */
@media (max-width: 768px){
  html,
  body{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    background:#000!important;
  }

  body .app{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#000!important;
  }

  #gameView.table-room:not(.playing-board),
  #gameView:not(.playing-board){
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:none!important;
    margin:0!important;
    padding:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
    background:#000!important;
  }

  #gameView:not(.playing-board) .game-table,
  #gameView:not(.playing-board) #lobbyScreen,
  #gameView:not(.playing-board) .lobby-screen,
  #gameView:not(.playing-board) .premium-reference,
  #gameView:not(.playing-board) .lobby-main-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  #gameView:not(.playing-board) .game-table{
    padding:6px 6px 0!important;
  }

  #gameView:not(.playing-board) .lobby-main-grid{
    padding:0!important;
  }

  #gameView:not(.playing-board) .lobby-left{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    padding-bottom:0!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
  }

  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:6!important;
    margin:0!important;
    margin-bottom:0!important;
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:0 0 8px 8px!important;
  }

  #gameView:not(.playing-board) .mobile-bottom-trust-row + *,
  #gameView:not(.playing-board) .lobby-left > .mobile-bottom-trust-row ~ *{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  #gameView:not(.playing-board) .bottom-console,
  #gameView:not(.playing-board) footer.bottom-console,
  #gameView:not(.playing-board) .bottom-console::before,
  #gameView:not(.playing-board) .bottom-console::after,
  #gameView:not(.playing-board) .lobby-chat-sidebar,
  #gameView:not(.playing-board) .lobby-board-preview,
  #gameView:not(.playing-board) #lobbyBoardPreview,
  #gameView:not(.playing-board) .side-console,
  #gameView:not(.playing-board) .board-shell,
  #gameView:not(.playing-board) .lobby-left::before,
  #gameView:not(.playing-board) .lobby-left::after,
  #gameView:not(.playing-board) .lobby-main-grid::before,
  #gameView:not(.playing-board) .lobby-main-grid::after,
  #gameView:not(.playing-board) #lobbyScreen::before,
  #gameView:not(.playing-board) #lobbyScreen::after,
  #gameView:not(.playing-board) .game-table::before,
  #gameView:not(.playing-board) .game-table::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}

/* === MEC KESIN MOBIL ALT BOSLUK FIX - 2026-06-29 ===
   Kullanıcının kırmızı okla gösterdiği en alttaki boş yeşil paneli kaldırır.
   Sadece 768px altındaki mobil lobi görünümünü etkiler; masaüstü/web görünümü değişmez. */
@media (max-width:768px){
  body #gameView.table-room:not(.playing-board){
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
    background:#000!important;
  }

  body #gameView.table-room:not(.playing-board) .game-table,
  body #gameView.table-room:not(.playing-board) #lobbyScreen,
  body #gameView.table-room:not(.playing-board) .lobby-screen,
  body #gameView.table-room:not(.playing-board) .premium-reference,
  body #gameView.table-room:not(.playing-board) .lobby-main-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
  }

  body #gameView.table-room:not(.playing-board) .game-table{
    padding:6px 6px 0!important;
  }

  body #gameView.table-room:not(.playing-board) .lobby-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }

  body #gameView.table-room:not(.playing-board) .mobile-bottom-trust-row{
    display:grid!important;
    margin:0!important;
    margin-bottom:0!important;
    border-radius:0 0 9px 9px!important;
    position:relative!important;
    z-index:5!important;
  }

  /* Boş görünen alt kutunun kaynakları: oyun footer'ı ve gizli tavla önizleme paneli */
  body #gameView.table-room:not(.playing-board) footer.bottom-console,
  body #gameView.table-room:not(.playing-board) .bottom-console,
  body #gameView.table-room:not(.playing-board) #lobbyBoardPreview,
  body #gameView.table-room:not(.playing-board) .lobby-board-preview,
  body #gameView.table-room:not(.playing-board) .lobby-chat-sidebar,
  body #gameView.table-room:not(.playing-board) .board-stage,
  body #gameView.table-room:not(.playing-board) .board-shell,
  body #gameView.table-room:not(.playing-board) .live-match{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body #gameView.table-room:not(.playing-board) .mobile-bottom-trust-row + *,
  body #gameView.table-room:not(.playing-board) .lobby-left > .mobile-bottom-trust-row ~ *{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}


/* === MEC MOBIL LOBI ALT PANEL TAM KALDIRMA - 2026-06-29 ===
   Mobil lobi ak???nda en altta kalan bo? ye?il paneli ve oyun footer izini kald?r?r. */
@media (max-width:768px){
  body #gameView.table-room:not(.playing-board),
  body #gameView.table-room:not(.playing-board) .game-table,
  body #gameView.table-room:not(.playing-board) #lobbyScreen,
  body #gameView.table-room:not(.playing-board) #lobbyScreen .lobby-main-grid,
  body #gameView.table-room:not(.playing-board) #lobbyScreen .lobby-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  body #gameView.table-room:not(.playing-board) footer.bottom-console,
  body #gameView.table-room:not(.playing-board) .bottom-console,
  body #gameView.table-room:not(.playing-board) #lobbyBoardPreview,
  body #gameView.table-room:not(.playing-board) .lobby-board-preview,
  body #gameView.table-room:not(.playing-board) .lobby-chat-sidebar,
  body #gameView.table-room:not(.playing-board) .side-console,
  body #gameView.table-room:not(.playing-board) .board-stage.hidden,
  body #gameView.table-room:not(.playing-board) .board-shell,
  body #gameView.table-room:not(.playing-board) .live-match{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body #gameView.table-room:not(.playing-board) .mobile-bottom-trust-row{
    margin-bottom:0!important;
  }
}

/* === MEC MOBIL LOBI-MODE ALT BOSLUK KESIN FIX - 2026-06-29 ===
   Lobi ekrani aktifken oyun alt konsolunu ve bos yesil alanin yukseklik izini tamamen kaldirir. */
@media (max-width:768px){
  #gameView.lobby-mode,
  #gameView.lobby-mode .game-table,
  #gameView.lobby-mode #lobbyScreen,
  #gameView.lobby-mode .lobby-screen,
  #gameView.lobby-mode .premium-reference,
  #gameView.lobby-mode .lobby-main-grid,
  #gameView.lobby-mode .lobby-left{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  #gameView.lobby-mode footer.bottom-console,
  #gameView.lobby-mode .bottom-console,
  #gameView.lobby-mode .bottom-console::before,
  #gameView.lobby-mode .bottom-console::after,
  #gameView.lobby-mode #lobbyBoardPreview,
  #gameView.lobby-mode .lobby-board-preview,
  #gameView.lobby-mode .lobby-chat-sidebar,
  #gameView.lobby-mode .board-stage,
  #gameView.lobby-mode .board-shell,
  #gameView.lobby-mode .live-match,
  #gameView.lobby-mode #lobbyScreen::before,
  #gameView.lobby-mode #lobbyScreen::after,
  #gameView.lobby-mode .lobby-screen::before,
  #gameView.lobby-mode .lobby-screen::after,
  #gameView.lobby-mode .game-table::before,
  #gameView.lobby-mode .game-table::after,
  #gameView.lobby-mode .lobby-main-grid::before,
  #gameView.lobby-mode .lobby-main-grid::after,
  #gameView.lobby-mode .lobby-left::before,
  #gameView.lobby-mode .lobby-left::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  #gameView.lobby-mode .mobile-bottom-trust-row{
    margin-bottom:0!important;
    border-radius:0 0 8px 8px!important;
  }
}

/* === MEC FINAL MOBIL ALT GUVEN SERIDI SABITLEME - 2026-06-29 ===
   Istenen gorunum: Sadece mobil lobide, CANLI DESTEK butonunun hemen altinda
   ve en alttaki yesil bos panelin ustunde/yerinde guven seridi sabit son eleman olarak gorunur.
   Masaustu/web gorunumu etkilenmez. */
@media (max-width:768px){
  body #gameView:not(.playing-board),
  body #gameView.table-room:not(.playing-board),
  body #gameView.lobby-mode{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    padding-bottom:0!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    background:#000!important;
  }

  body #gameView:not(.playing-board) .game-table,
  body #gameView:not(.playing-board) #lobbyScreen,
  body #gameView:not(.playing-board) .lobby-screen,
  body #gameView:not(.playing-board) .premium-reference,
  body #gameView:not(.playing-board) .lobby-main-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding-bottom:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  body #gameView:not(.playing-board) .game-table{
    padding:6px 6px 0!important;
  }

  body #gameView:not(.playing-board) .lobby-main-grid{
    padding:0!important;
    gap:0!important;
  }

  body #gameView:not(.playing-board) .lobby-left{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    padding-bottom:0!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
  }

  body #gameView:not(.playing-board) #quickPlayButton.mobile-quick-play,
  body #gameView:not(.playing-board) .quick-play-banner.mobile-quick-play{
    order:4!important;
  }

  body #gameView:not(.playing-board) #mobileLiveSupportOpen.mobile-live-support-button,
  body #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
    margin:0!important;
    border-radius:0!important;
    border-bottom:0!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:6!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:9999!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    flex:0 0 31px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,211,83,.78)!important;
    border-top:1px solid rgba(255,211,83,.50)!important;
    border-radius:0 0 8px 8px!important;
    background:linear-gradient(180deg,#053f2b 0%,#03271d 55%,#02170f 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,236,151,.15), inset 0 0 12px rgba(255,210,70,.08)!important;
    overflow:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    pointer-events:auto!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row span{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 1px!important;
    box-sizing:border-box!important;
    border-right:1px solid rgba(255,211,83,.28)!important;
    background:transparent!important;
    color:#fff!important;
    text-align:center!important;
    overflow:hidden!important;
    opacity:1!important;
  }
  body #gameView:not(.playing-board) .mobile-bottom-trust-row span:last-child{border-right:0!important;}

  body #gameView:not(.playing-board) .mobile-bottom-trust-row b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    color:#ffd13e!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:1000!important;
    opacity:1!important;
    text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 5px rgba(255,205,60,.35)!important;
  }
  body #gameView:not(.playing-board) .mobile-bottom-trust-row span:nth-child(3) b{color:#ff453a!important;}

  body #gameView:not(.playing-board) .mobile-bottom-trust-row em{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:#fff!important;
    font-style:normal!important;
    font-weight:1000!important;
    font-size:clamp(5.1px,1.62vw,6.5px)!important;
    line-height:.90!important;
    letter-spacing:-.22px!important;
    text-transform:uppercase!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    opacity:1!important;
    text-shadow:0 1px 2px rgba(0,0,0,1),0 0 4px rgba(255,255,255,.14)!important;
  }

  /* Guven seridinden sonra gelen tum oyun/footer/panel izleri kaldirildi: altta yesil bosluk kalmaz. */
  body #gameView:not(.playing-board) .mobile-bottom-trust-row + *,
  body #gameView:not(.playing-board) .lobby-left > .mobile-bottom-trust-row ~ *,
  body #gameView:not(.playing-board) footer.bottom-console,
  body #gameView:not(.playing-board) .bottom-console,
  body #gameView:not(.playing-board) .side-console,
  body #gameView:not(.playing-board) .lobby-chat-sidebar,
  body #gameView:not(.playing-board) #lobbyBoardPreview,
  body #gameView:not(.playing-board) .lobby-board-preview,
  body #gameView:not(.playing-board) .board-stage,
  body #gameView:not(.playing-board) .board-shell,
  body #gameView:not(.playing-board) .live-match{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    left:-99999px!important;
    top:-99999px!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  body #gameView:not(.playing-board)::before,
  body #gameView:not(.playing-board)::after,
  body #gameView:not(.playing-board) .game-table::before,
  body #gameView:not(.playing-board) .game-table::after,
  body #gameView:not(.playing-board) #lobbyScreen::before,
  body #gameView:not(.playing-board) #lobbyScreen::after,
  body #gameView:not(.playing-board) .lobby-main-grid::before,
  body #gameView:not(.playing-board) .lobby-main-grid::after,
  body #gameView:not(.playing-board) .lobby-left::before,
  body #gameView:not(.playing-board) .lobby-left::after{
    content:none!important;
    display:none!important;
  }
}

@media (min-width:769px){
  body #gameView .mobile-bottom-trust-row{display:none!important;}
}

/* === MEC MOBIL GUVEN SERIDI EKRAN ALTINA SABIT - 2026-06-29 ===
   Sadece mobilde aktif: guven seridi her cihazda viewport'un en altinda kalir.
   Masaustu/web gorunumu etkilenmez. */
@media (max-width:768px){
  html,
  body{
    min-height:100%!important;
    overflow-x:hidden!important;
    background:#000!important;
  }

  body{
    padding-bottom:calc(33px + env(safe-area-inset-bottom, 0px))!important;
  }

  body #gameView:not(.playing-board),
  body #gameView.table-room:not(.playing-board),
  body #gameView.lobby-mode{
    padding-bottom:calc(33px + env(safe-area-inset-bottom, 0px))!important;
    min-height:calc(100dvh - 33px - env(safe-area-inset-bottom, 0px))!important;
    box-sizing:border-box!important;
  }

  body #gameView:not(.playing-board) .lobby-left{
    padding-bottom:0!important;
    margin-bottom:0!important;
    overflow:visible!important;
  }

  body #gameView:not(.playing-board) #mobileLiveSupportOpen.mobile-live-support-button,
  body #gameView:not(.playing-board) .mobile-live-support-button{
    order:5!important;
    margin-bottom:0!important;
    border-bottom:1px solid rgba(255,211,83,.35)!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row{
    order:999!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:env(safe-area-inset-bottom, 0px)!important;
    z-index:2147483000!important;
    width:100vw!important;
    max-width:100vw!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    background:linear-gradient(180deg,#06442e 0%,#032a1f 56%,#01180f 100%)!important;
    border:1px solid rgba(255,211,83,.82)!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:0 -2px 10px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,236,151,.16)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row span{
    min-height:33px!important;
    height:33px!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row b{
    font-size:9px!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row em{
    font-size:clamp(5.4px,1.72vw,6.8px)!important;
    line-height:.90!important;
    letter-spacing:-.24px!important;
  }
}

/* === MEC MOBIL SAFARI ALT BOSLUK FIX - 2026-06-29 ===
   Mobil tarayicida Safari/Chrome alt toolbar nedeniyle olusan siyah boslugu kapatir.
   Sadece mobil lobi etkilenir; masaustu etkilenmez. */
@media (max-width:768px){
  html,
  body{
    min-height:100dvh!important;
    background:#000!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-top:0!important;
    padding-bottom:33px!important;
    overflow-x:hidden!important;
  }

  body #gameView:not(.playing-board),
  body #gameView.table-room:not(.playing-board),
  body #gameView.lobby-mode{
    min-height:calc(100dvh - 33px)!important;
    padding-bottom:33px!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
  }

  body #gameView:not(.playing-board) .mobile-bottom-trust-row{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    margin:0!important;
    border-radius:0!important;
    z-index:2147483647!important;
    transform:translateZ(0)!important;
  }
}

/* === MEC KESIN COZUM: MOBIL GUVEN SERIDI BODY ALTINA SABIT ===
   Mobil tarayicida altta kalan siyah boslugu kapatmak icin serit body'nin direkt cocugu yapilir
   ve viewport'un en altina sabitlenir. Sadece mobil lobi etkilenir, masaustu etkilenmez. */
@media (max-width:768px){
  html{
    width:100%!important;
    min-height:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    background:#000!important;
    overflow-x:hidden!important;
  }
  body{
    width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0 0 33px 0!important;
    background:#000!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  /* Body'ye tasinan serit: artik hicbir parent yuksekligi/transform'u bunu etkileyemez */
  body > .mobile-bottom-trust-row,
  body.mobile-trust-row-mounted > .mobile-bottom-trust-row{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:33px!important;
    min-height:33px!important;
    max-height:33px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    z-index:2147483647!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    background:linear-gradient(180deg,#06442e 0%,#032a1f 56%,#01180f 100%)!important;
    border:1px solid rgba(255,211,83,.88)!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:0 -2px 10px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,236,151,.16)!important;
    contain:none!important;
  }

  body > .mobile-bottom-trust-row span,
  body.mobile-trust-row-mounted > .mobile-bottom-trust-row span{
    height:33px!important;
    min-height:33px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 2px!important;
    border-right:1px solid rgba(255,211,83,.42)!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow:hidden!important;
  }
  body > .mobile-bottom-trust-row span:last-child,
  body.mobile-trust-row-mounted > .mobile-bottom-trust-row span:last-child{border-right:0!important;}
  body > .mobile-bottom-trust-row b,
  body.mobile-trust-row-mounted > .mobile-bottom-trust-row b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffcf35!important;
    font-size:8px!important;
    line-height:1!important;
    flex:0 0 auto!important;
    text-shadow:0 0 4px rgba(255,203,53,.35)!important;
  }
  body > .mobile-bottom-trust-row em,
  body.mobile-trust-row-mounted > .mobile-bottom-trust-row em{
    display:block!important;
    color:#fff!important;
    font-style:normal!important;
    font-weight:1000!important;
    font-size:clamp(5px,1.58vw,6.6px)!important;
    line-height:.92!important;
    letter-spacing:-.25px!important;
    text-align:left!important;
    text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
  }

  /* Serit lobi icinden body'ye tasindigi icin canli destek son normal eleman olarak kalir */
  body #gameView:not(.playing-board) .mobile-live-support-button{
    margin-bottom:0!important;
  }
}

@media (min-width:769px){
  body > .mobile-bottom-trust-row{display:none!important;}
}


/* === MEC KESIN ALT SIYAH BOSLUK YOK ETME FIX - 2026-06-29 ===
   Sadece mobil lobi: tarayici/Telegram fark etmeksizin sayfa yuksekligi ekranı doldurur,
   sabit guven seridi bottom:0 kalir; visualViewport farki kadar yukari alinmaz. */
@media (max-width:768px){
  html,
  body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    background:#000!important;
    overflow-x:hidden!important;
  }

  body > main.app,
  main.app{
    min-height:100vh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0 0 36px 0!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  #gameView:not(.hidden):not(.playing-board),
  #gameView.table-room:not(.hidden):not(.playing-board),
  #gameView.lobby-mode:not(.hidden){
    min-height:calc(100vh - 36px)!important;
    min-height:calc(100dvh - 36px)!important;
    margin:0!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  #gameView:not(.hidden):not(.playing-board) .game-table,
  #gameView:not(.hidden):not(.playing-board) #lobbyScreen,
  #gameView:not(.hidden):not(.playing-board) .lobby-main-grid,
  #gameView:not(.hidden):not(.playing-board) .lobby-left{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  #mecFixedMobileTrustBar.mec-fixed-mobile-trust-bar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100vw!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    z-index:2147483647!important;
    transform:none!important;
  }
}

/* === MEC FIX: Mobil gizli scrollbar + admin lobi korunmuş sürüm ===
   Mobilde yatırım/çekim/bonus/iletişim/canlı destek içerikleri pencere içinde kayar.
   Scrollbar görünmez; iOS Safari, Telegram WebView ve Android Chrome için touch momentum aktiftir.
*/
@media (max-width: 768px){
  html, body{
    overflow-x:hidden!important;
  }

  .modal-backdrop{
    position:fixed!important;
    inset:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:calc(env(safe-area-inset-top, 0px) + 10px) 10px calc(env(safe-area-inset-bottom, 0px) + 76px)!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
  }

  .modal-backdrop.hidden{
    display:none!important;
  }

  .modal-box{
    width:min(430px, calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 92px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  @supports not (height: 100dvh){
    .modal-box{
      max-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 92px)!important;
    }
  }

  #modalTitle{
    flex:0 0 auto!important;
    margin-bottom:10px!important;
  }

  #modalBody,
  .modal-body,
  .deposit-accounts,
  .withdraw-accounts,
  .bonus-list,
  .rules-content,
  .contact-list,
  .live-support-messages,
  .mobile-scroll{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
  }

  #modalBody{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-right:0!important;
  }

  #modalBody::-webkit-scrollbar,
  .modal-body::-webkit-scrollbar,
  .deposit-accounts::-webkit-scrollbar,
  .withdraw-accounts::-webkit-scrollbar,
  .bonus-list::-webkit-scrollbar,
  .rules-content::-webkit-scrollbar,
  .contact-list::-webkit-scrollbar,
  .live-support-messages::-webkit-scrollbar,
  .mobile-scroll::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  .deposit-accounts{
    max-height:none!important;
  }

  .deposit-account{
    min-width:0!important;
  }

  .modal-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
    padding-top:8px!important;
    background:linear-gradient(180deg, rgba(2,32,24,0), rgba(2,32,24,.98) 28%, rgba(2,32,24,.98))!important;
  }
}

/* === MEC FIX: Mobil lobi tablo gizli scrollbar ===
   İşaretlenen MASALAR/TURNUVALAR lobi listesi mobilde kendi içinde kayar.
   Scrollbar görünmez; yeni masa geldikçe liste parmakla aşağı/yukarı kaydırılır.
*/
@media (max-width: 768px){
  #lobbyScreen .match-browser{
    max-height:174px!important;
    min-height:174px!important;
    overflow:hidden!important;
  }
  #lobbyScreen .match-browser .browser-head{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    flex:0 0 auto!important;
  }
  #lobbyScreen #tables.lobby-table-list,
  #lobbyScreen .lobby-table-list{
    display:block!important;
    max-height:132px!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding-bottom:2px!important;
  }
  #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar,
  #lobbyScreen .lobby-table-list::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  #lobbyScreen #tables.lobby-table-list .table-row{
    flex-shrink:0!important;
  }
}

/* === MEC FIX: Mobil lobi 6 masa görünür + sonra gizli scrollbar ===
   Sadece mobil ana lobi masa listesini etkiler. İlk 6 satır tam görünür,
   7. ve sonraki masalar için liste kendi içinde parmakla kayar. */
@media (max-width:768px){
  body #gameView.table-room:not(.playing-board) #lobbyScreen .match-browser,
  body #gameView.table-room:not(.playing-board) .match-browser{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen .browser-head,
  body #gameView.table-room:not(.playing-board) .browser-head{
    position:sticky!important;
    top:0!important;
    z-index:6!important;
    flex:0 0 auto!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list,
  body #gameView.table-room:not(.playing-board) #lobbyScreen .lobby-table-list,
  body #gameView.table-room:not(.playing-board) .lobby-table-list{
    display:block!important;
    height:auto!important;
    max-height:228px!important; /* 6 x 38px mobil masa satırı */
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding-bottom:0!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar,
  body #gameView.table-room:not(.playing-board) #lobbyScreen .lobby-table-list::-webkit-scrollbar,
  body #gameView.table-room:not(.playing-board) .lobby-table-list::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  body #gameView.table-room:not(.playing-board) .lobby-table-list .table-row{
    height:38px!important;
    min-height:38px!important;
    flex-shrink:0!important;
  }
}

/* === WEB CANLI DESTEK BUTONU KALDIRMA - 2026-06-29 ===
   Sadece web/desktop görünümde Hızlı Oyun Başlat altındaki mobil canlı destek butonunu gizler.
   Mobil görünüm etkilenmez. */
@media (min-width: 769px){
  body #gameView:not(.playing-board) #mobileLiveSupportOpen.mobile-live-support-button,
  body #gameView:not(.playing-board) .lobby-left > .mobile-live-support-button{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
}

/* ============================================================
   WEB LOBI 5 MASA GORUNUM FIX
   Sadece masaustu/web icin: lobi listesinde 5 masa tam gorunur,
   sonraki masalar icin scrollbar devam eder. Mobil etkilenmez.
   ============================================================ */
@media (min-width: 769px) {
  #gameView:not(.playing-board) .lobby-left {
    grid-template-rows: 42px 304px 104px !important;
    overflow: visible !important;
  }
  #gameView:not(.playing-board) .match-browser {
    height: 304px !important;
    min-height: 304px !important;
    max-height: 304px !important;
    overflow: hidden !important;
  }
  #gameView:not(.playing-board) .lobby-table-list {
    height: 270px !important;
    max-height: 270px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row {
    height: 54px !important;
    min-height: 54px !important;
  }
}

/* === MEC WEB LOBI ALT BUTON KONUM FIX ===
   Web görünümünde lobi altındaki Bahis Tutarı / Yeni Masa Oluştur
   ve Hızlı Oyun Başlat alanını 1. görseldeki gibi alt alta,
   taşmadan ve mobil görünümü etkilemeden konumlandırır. */
@media (min-width: 701px){
  #gameView:not(.playing-board) .lobby-left{
    display:grid!important;
    grid-template-rows:54px minmax(0,1fr) 58px 44px!important;
    gap:6px!important;
    overflow:hidden!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }

  #gameView:not(.playing-board) .match-browser{
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .browser-head{
    height:30px!important;
    min-height:30px!important;
  }
  #gameView:not(.playing-board) .lobby-table-list{
    height:calc(100% - 30px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .table-row{
    height:37px!important;
    min-height:37px!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .cell,
  #gameView:not(.playing-board) .lobby-table-list .table-row > button{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  #gameView:not(.playing-board) .lobby-table-list .player-name strong{
    font-size:14px!important;
    line-height:1!important;
  }

  #gameView:not(.playing-board) .premium-actions,
  #gameView:not(.playing-board) .lobby-actions{
    grid-row:3!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:4px 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px, .88fr)!important;
    grid-template-rows:50px!important;
    align-items:end!important;
    gap:8px!important;
    border:1px solid rgba(246,196,85,.34)!important;
    border-radius:8px!important;
    background:rgba(0,22,16,.60)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .stake-stepper{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:50px!important;
    display:grid!important;
    grid-template-columns:42px minmax(90px,1fr) 42px!important;
    grid-template-rows:14px 34px!important;
    gap:2px 8px!important;
    align-items:center!important;
    align-self:end!important;
  }
  #gameView:not(.playing-board) .stake-stepper span{
    grid-column:1 / -1!important;
    font-size:10px!important;
    line-height:12px!important;
    color:#d9f6e4!important;
    text-align:left!important;
  }
  #gameView:not(.playing-board) .stake-stepper button,
  #gameView:not(.playing-board) .stake-stepper input{
    height:34px!important;
    min-height:34px!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .stake-stepper input{
    text-align:center!important;
    font-size:17px!important;
    font-weight:1000!important;
  }
  #gameView:not(.playing-board) .create-match{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    align-self:end!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  #gameView:not(.playing-board) #quickPlayButton.quick-play-banner{
    grid-row:4!important;
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:8px!important;
    border:1px solid rgba(255,210,73,.60)!important;
    background:linear-gradient(90deg,rgba(4,45,31,.98),rgba(7,86,54,.98),rgba(4,42,29,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 12px rgba(255,203,65,.12)!important;
    box-sizing:border-box!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    font-size:16px!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-copy strong{
    font-size:15px!important;
    line-height:1!important;
    letter-spacing:.25px!important;
    color:#fff6d0!important;
  }
  #gameView:not(.playing-board) #quickPlayButton .quick-play-arrow{
    font-size:24px!important;
    line-height:1!important;
  }

  #gameView:not(.playing-board) #mobileLiveSupportOpen,
  #gameView:not(.playing-board) .mobile-bottom-trust-row{
    display:none!important;
  }
}


/* === MEC MOBIL ILK ACILIS VIEWPORT / SOL KIRPILMA FIX ===
   Mobilde sayfa ilk açıldığında lobi genişliği yanlış hesaplanıp sol taraf kırpılmasın.
   Pinch/ekran küçültme yapmadan 2. görseldeki düzgün oturan görünümü zorlar.
   Sadece 768px altı mobil görünümü etkiler, web tasarıma dokunmaz. */
@media (max-width:768px){
  html,
  body{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    zoom:1!important;
    box-sizing:border-box!important;
    touch-action:pan-y!important;
  }
  *, *::before, *::after{box-sizing:border-box!important;}
  .app,
  #gameView.table-room,
  #gameView .premium-topbar,
  #gameView .game-table,
  #gameView .lobby-screen,
  #gameView .lobby-main-grid,
  #gameView .lobby-left,
  #gameView .match-browser,
  #gameView .premium-actions,
  #gameView #quickPlayButton{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    overflow-x:hidden!important;
  }
  #gameView .premium-topbar{
    inline-size:100vw!important;
    max-inline-size:100vw!important;
  }
  #gameView .premium-brand,
  #gameView .premium-nav,
  #gameView .premium-account,
  #gameView .lobby-header,
  #gameView .lobby-tabs,
  #gameView .browser-head,
  #gameView .lobby-table-list .table-row{
    max-width:100%!important;
    min-width:0!important;
  }
  #gameView .browser-head,
  #gameView .lobby-table-list .table-row{
    grid-template-columns:minmax(78px,1.12fr) minmax(62px,.9fr) minmax(42px,.62fr) minmax(44px,.72fr) minmax(42px,.66fr) minmax(44px,.72fr)!important;
  }
  #gameView .lobby-table-list .cell,
  #gameView .browser-head span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* === MEC FIX: Web lobi listesinde 5 kişi tam görünsün ===
   Sadece masaüstü/web görünümü etkiler. Mobil tablo yüksekliği ve scrollbar ayarları korunur. */
@media (min-width: 769px){
  body #gameView.table-room:not(.playing-board) #lobbyScreen .lobby-left,
  body #gameView:not(.playing-board) #lobbyScreen .lobby-left{
    display:grid!important;
    grid-template-rows:54px 200px 58px 44px!important;
    gap:6px!important;
    overflow:hidden!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen .match-browser,
  body #gameView:not(.playing-board) #lobbyScreen .match-browser{
    height:200px!important;
    min-height:200px!important;
    max-height:200px!important;
    overflow:hidden!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen .browser-head,
  body #gameView:not(.playing-board) #lobbyScreen .browser-head{
    height:30px!important;
    min-height:30px!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list{
    height:170px!important; /* 5 x 34px */
    min-height:170px!important;
    max-height:170px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list .table-row,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list .table-row{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    overflow:hidden!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list .cell,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list .cell{
    height:34px!important;
    min-height:34px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #gameView.table-room:not(.playing-board) #lobbyScreen #tables.lobby-table-list .player-name strong,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list .player-name strong{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1!important;
    font-size:13px!important;
  }
}

/* === WEB USERNAME ELLIPSIS FIX - MOBILE ETKILENMEZ === */
@media (min-width:701px){
  #gameView:not(.playing-board) .premium-user-info,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    min-width:130px!important;
    max-width:none!important;
    flex:0 0 150px!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) #topAccountName,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong,
  #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong::after,
  #gameView:not(.playing-board) .premium-username::after{
    content:none!important;
    display:none!important;
  }
}

/* === FINAL FIX: WEB KULLANICI ADI SONUNDAKI ... KALDIRILDI (MOBIL ETKILENMEZ) === */
@media (min-width: 701px){
  body #gameView:not(.playing-board) .premium-topbar{
    grid-template-columns: 190px minmax(650px, 1fr) 455px !important;
    gap: 10px !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    width: 455px !important;
    min-width: 455px !important;
    max-width: 455px !important;
    height: 58px !important;
    display: grid !important;
    grid-template-columns: 58px 140px 110px 86px !important;
    grid-template-areas: "avatar user balance logout" !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  body #gameView:not(.playing-board) .premium-user-bar .premium-avatar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box{
    grid-area: avatar !important;
  }

  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    grid-area: user !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    overflow: visible !important;
  }

  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong{
    display: block !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body #gameView:not(.playing-board) .premium-balance-card{
    grid-area: balance !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
  }

  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area: logout !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong::after,
  body #gameView:not(.playing-board) .premium-username::after{
    content: none !important;
    display: none !important;
  }
}

/* === MEC WEB PROFIL KARTI PREMIUM TASARIM - MOBIL ETKILENMEZ === */
@media (min-width: 701px){
  body #gameView:not(.playing-board) .premium-topbar{
    grid-template-columns: 190px minmax(650px,1fr) 455px !important;
    gap:10px!important;
  }

  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    width:455px!important;
    min-width:455px!important;
    max-width:455px!important;
    height:60px!important;
    min-height:60px!important;
    display:grid!important;
    grid-template-columns: 242px 102px 86px !important;
    grid-template-areas: "profile balance logout" !important;
    align-items:center!important;
    gap:12px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    justify-self:end!important;
    position:relative!important;
  }
  body #gameView:not(.playing-board) .premium-account.pro-account-card::before,
  body #gameView:not(.playing-board) .premium-account.pro-account-card::after,
  body #gameView:not(.playing-board) .premium-user-bar::before,
  body #gameView:not(.playing-board) .premium-user-bar::after{
    content:none!important;
    display:none!important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  body #gameView:not(.playing-board) .premium-user-bar .premium-avatar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box{
    grid-area:profile!important;
    justify-self:start!important;
    align-self:center!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    border:2px solid rgba(255,224,112,.98)!important;
    background:
      radial-gradient(circle at 50% 48%, rgba(255,221,95,.26) 0 30%, transparent 32%),
      radial-gradient(circle at 50% 50%, #153d2e 0 48%, #061b14 49% 100%)!important;
    box-shadow:
      inset 0 0 0 4px rgba(255,214,78,.14),
      inset 0 0 18px rgba(255,214,78,.18),
      0 0 0 4px rgba(255,214,78,.10),
      0 0 20px rgba(255,214,78,.42),
      0 8px 18px rgba(0,0,0,.45)!important;
    z-index:5!important;
  }
  body #gameView:not(.playing-board) .premium-user-bar .top-user-box::before,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box::before{
    content:attr(data-initial)!important;
    position:absolute!important;
    inset:7px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 50% 42%, #1f5a3f 0 10%, #0b2d22 58%, #061710 100%)!important;
    color:#ffdf67!important;
    font-size:27px!important;
    font-weight:1000!important;
    line-height:1!important;
    text-shadow:0 0 12px rgba(255,213,91,.75),0 2px 4px rgba(0,0,0,.75)!important;
  }
  body #gameView:not(.playing-board) .premium-online-dot,
  body #gameView:not(.playing-board) .premium-user-bar .top-user-box::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box::after{
    content:""!important;
    position:absolute!important;
    right:2px!important;
    bottom:4px!important;
    width:11px!important;
    height:11px!important;
    min-width:11px!important;
    min-height:11px!important;
    display:block!important;
    border-radius:50%!important;
    background:#23f28a!important;
    border:2px solid #062119!important;
    box-shadow:0 0 10px rgba(35,242,138,.8)!important;
    z-index:7!important;
  }

  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    grid-area:profile!important;
    justify-self:start!important;
    width:242px!important;
    min-width:242px!important;
    max-width:242px!important;
    height:56px!important;
    min-height:56px!important;
    margin-left:45px!important;
    padding:0 16px 0 48px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:relative!important;
    border:1px solid rgba(255,220,92,.80)!important;
    border-left:0!important;
    border-radius:0 16px 16px 0!important;
    background:
      linear-gradient(135deg, rgba(255,213,77,.14), transparent 24%),
      linear-gradient(180deg, rgba(5,58,40,.97), rgba(0,26,19,.98))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -18px 30px rgba(0,0,0,.20),
      0 0 0 1px rgba(255,213,91,.12),
      0 0 18px rgba(255,213,91,.16),
      0 10px 26px rgba(0,0,0,.34)!important;
    overflow:hidden!important;
    z-index:3!important;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,8px 100%,0 50%)!important;
  }
  body #gameView:not(.playing-board) .premium-user-info::before,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::before,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info::before{
    content:"♛"!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:26px!important;
    margin-right:10px!important;
    color:#ffcf45!important;
    font-size:22px!important;
    line-height:1!important;
    text-shadow:0 0 11px rgba(255,213,91,.72),0 2px 5px rgba(0,0,0,.72)!important;
  }
  body #gameView:not(.playing-board) .premium-user-info::after,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info::after{
    content:""!important;
    position:absolute!important;
    left:70px!important;
    right:22px!important;
    bottom:12px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(255,218,82,.88),transparent)!important;
    box-shadow:0 0 8px rgba(255,213,91,.62)!important;
    display:block!important;
  }
  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong{
    display:block!important;
    width:auto!important;
    max-width:140px!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    color:#ffdf70!important;
    font-size:19px!important;
    line-height:24px!important;
    font-weight:1000!important;
    letter-spacing:.2px!important;
    text-transform:none!important;
    text-shadow:0 0 12px rgba(255,213,91,.38),0 2px 7px rgba(0,0,0,.78)!important;
  }
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong::after,
  body #gameView:not(.playing-board) .premium-username::after{
    content:none!important;
    display:none!important;
  }

  body #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:12px!important;
    align-self:center!important;
    justify-self:start!important;
  }
  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area:logout!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:48px!important;
    min-height:48px!important;
    align-self:center!important;
    justify-self:start!important;
  }
}

/* === MEC FIX: WEB PROFIL KARTI BAKIYE TASMASI / GORUNMEME KESIN COZUM - MOBIL ETKILENMEZ === */
@media (min-width: 701px){
  body #gameView:not(.playing-board) .premium-topbar{
    grid-template-columns: 180px minmax(600px,1fr) 470px !important;
    gap:10px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    overflow:visible !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    width:470px !important;
    min-width:470px !important;
    max-width:470px !important;
    grid-template-columns:260px 104px 86px !important;
    grid-template-areas:"profile balance logout" !important;
    column-gap:10px !important;
    overflow:visible !important;
    justify-self:end !important;
  }

  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    width:214px !important;
    min-width:214px !important;
    max-width:214px !important;
    margin-left:44px !important;
    padding-left:47px !important;
    padding-right:12px !important;
    overflow:hidden !important;
    z-index:3 !important;
  }

  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info strong{
    max-width:118px !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  body #gameView:not(.playing-board) .premium-balance-card,
  body #gameView:not(.playing-board) .top-balance-box,
  body #gameView:not(.playing-board) #balanceBadge{
    grid-area:balance !important;
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    height:48px !important;
    min-height:48px !important;
    justify-self:start !important;
    align-self:center !important;
    position:relative !important;
    z-index:20 !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
  }

  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area:logout !important;
    width:86px !important;
    min-width:86px !important;
    max-width:86px !important;
    height:48px !important;
    min-height:48px !important;
    justify-self:start !important;
    align-self:center !important;
    position:relative !important;
    z-index:21 !important;
  }
}

/* === MEC FIX: WEB PROFIL C YUVARLAK TAM ORTALAMA - MOBIL ETKILENMEZ === */
@media (min-width: 701px){
  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    height:60px !important;
    min-height:60px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    align-items:center !important;
    overflow:visible !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  body #gameView:not(.playing-board) .premium-user-bar .premium-avatar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box,
  body #gameView:not(.playing-board) .premium-avatar.top-user-box,
  body #gameView:not(.playing-board) .top-user-box.pro-account-avatar{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    align-self:center !important;
    justify-self:start !important;
    margin:0 !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    position:relative !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .top-user-box::before,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box::before{
    inset:6px !important;
    font-size:25px !important;
  }

  body #gameView:not(.playing-board) .premium-online-dot,
  body #gameView:not(.playing-board) .premium-user-bar .top-user-box::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-user-box::after{
    right:1px !important;
    bottom:3px !important;
  }

  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    height:52px !important;
    min-height:52px !important;
    align-self:center !important;
    margin-left:39px !important;
    padding-left:43px !important;
  }
}

/* === WEB PROFILE BAR FINAL POSITION FIX - MOBILE UNAFFECTED ===
   Sadece masaustu web: profil C yuvarlagi tam gorunur, kullanici adi karti
   bakiye ve cikis ile cakismadan ikinci gorseldeki hatta konumlanir. */
@media (min-width: 981px){
  #gameView .premium-topbar{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100vw!important;
    height:72px!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns: 184px minmax(650px, 1fr) 474px !important;
    column-gap:8px!important;
    align-items:center!important;
    padding:0 10px!important;
    overflow:visible!important;
  }
  #gameView .premium-brand{width:184px!important;max-width:184px!important;min-width:0!important;overflow:hidden!important;}
  #gameView .premium-brand .top-brand-logo{width:54px!important;height:50px!important;min-width:54px!important;}
  #gameView .premium-brand strong{font-size:22px!important;white-space:nowrap!important;}
  #gameView .premium-brand span{font-size:11px!important;letter-spacing:3px!important;white-space:nowrap!important;}
  #gameView .premium-nav{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:66px!important;display:grid!important;
    grid-template-columns:repeat(6, minmax(96px, 1fr))!important;
    gap:10px!important;align-items:center!important;justify-content:center!important;overflow:visible!important;
  }
  #gameView .premium-nav .nav-pill,#gameView .nav-pill{height:62px!important;min-height:62px!important;max-height:62px!important;max-width:none!important;}

  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    box-sizing:border-box!important;
    width:474px!important;min-width:474px!important;max-width:474px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    display:grid!important;
    grid-template-columns:58px 206px 104px 78px!important;
    align-items:center!important;
    justify-content:start!important;
    gap:10px!important;
    padding:0 8px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    position:relative!important;
    justify-self:end!important;
    transform:none!important;
  }
  #gameView .premium-user-bar::before,
  #gameView .premium-user-bar::after,
  #gameView .premium-account.pro-account-card::before,
  #gameView .premium-account.pro-account-card::after{content:none!important;display:none!important;}

  #gameView .premium-user-bar .premium-avatar.top-user-box.pro-account-avatar,
  #gameView .premium-user-bar .top-user-box,
  #gameView .premium-avatar{
    box-sizing:border-box!important;
    width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important;
    grid-column:1!important;
    align-self:center!important;justify-self:center!important;
    padding:0!important;margin:0!important;
    border-radius:50%!important;
    overflow:visible!important;
    border:2px solid #f5d05f!important;
    background:radial-gradient(circle at 50% 50%, #123b2d 0 52%, #071a13 53% 100%)!important;
    box-shadow:inset 0 0 0 4px rgba(255,220,96,.14), 0 0 0 1px rgba(255,230,120,.35), 0 0 18px rgba(255,203,77,.45)!important;
    position:relative!important;z-index:4!important;
    color:transparent!important;font-size:0!important;line-height:1!important;text-indent:0!important;
  }
  #gameView .premium-user-bar .premium-avatar::before,
  #gameView .premium-user-bar .premium-avatar::after{content:none!important;display:none!important;}
  #gameView .premium-avatar-letter{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#ffd75f!important;font-size:25px!important;font-weight:1000!important;line-height:1!important;text-shadow:0 0 12px rgba(255,213,91,.72),0 2px 5px rgba(0,0,0,.8)!important;transform:none!important;}
  #gameView .premium-online-dot{right:1px!important;bottom:4px!important;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;border-radius:50%!important;background:#20f08a!important;border:2px solid #061b14!important;box-shadow:0 0 10px rgba(32,240,138,.85)!important;z-index:5!important;}

  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    box-sizing:border-box!important;
    grid-column:2!important;
    width:206px!important;min-width:206px!important;max-width:206px!important;
    height:50px!important;min-height:50px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0 18px!important;margin:0!important;
    border:1px solid rgba(255,214,91,.82)!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    background:linear-gradient(90deg, rgba(8,58,39,.96), rgba(3,29,21,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,214,91,.18), 0 0 18px rgba(255,214,91,.10)!important;
    overflow:visible!important;
    position:relative!important;z-index:2!important;
    transform:translateX(-14px)!important;
  }
  #gameView .premium-user-info::before,
  #gameView .premium-user-info::after,
  #gameView .premium-user-bar .top-account-info::before,
  #gameView .premium-user-bar .top-account-info::after{content:none!important;display:none!important;}
  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong,
  #gameView #topAccountName{
    display:block!important;width:100%!important;max-width:100%!important;
    color:#ffd866!important;font-size:18px!important;font-weight:1000!important;line-height:22px!important;letter-spacing:.1px!important;text-align:center!important;
    white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
    text-decoration:none!important;border:0!important;background:transparent!important;box-shadow:none!important;
    text-shadow:0 2px 6px rgba(0,0,0,.75),0 0 12px rgba(255,211,91,.25)!important;
  }
  #gameView .premium-user-bar .top-account-info strong::before,
  #gameView .premium-user-bar .top-account-info strong::after,
  #gameView #topAccountName::before,
  #gameView #topAccountName::after{content:none!important;display:none!important;}

  #gameView .premium-balance-card{
    grid-column:3!important;
    box-sizing:border-box!important;width:104px!important;min-width:104px!important;max-width:104px!important;height:44px!important;min-height:44px!important;
    padding:5px 22px 5px 10px!important;margin:0!important;
    border-radius:11px!important;border:1px solid rgba(255,205,80,.58)!important;background:rgba(0,18,13,.70)!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;overflow:hidden!important;transform:none!important;z-index:3!important;
  }
  #gameView .premium-balance-card .label{font-size:9px!important;line-height:10px!important;color:rgba(255,255,255,.70)!important;font-weight:900!important;}
  #gameView .premium-balance-card .amount,#gameView .premium-user-bar #topBalanceBox{font-size:16px!important;line-height:18px!important;color:#ffd75f!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  #gameView .premium-balance-arrow{right:8px!important;top:50%!important;transform:translateY(-50%)!important;}
  #gameView .premium-logout-btn,
  #gameView .premium-user-bar #logoutButton,
  #logoutButton.premium-logout-btn.resign{
    grid-column:4!important;box-sizing:border-box!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:44px!important;min-height:44px!important;
    padding:0 10px!important;margin:0!important;border-radius:11px!important;line-height:44px!important;align-self:center!important;justify-self:end!important;transform:none!important;
  }
}

/* WEB PROFIL C KONUM KESIN FIX - Mobil etkilenmez */
@media (min-width: 901px) {
  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    overflow: visible !important;
    grid-template-columns: 58px 206px 104px 78px !important;
  }

  /* C yuvarlagi kullanici adinin solundaki bos alana tasindi */
  #gameView .premium-user-bar .premium-avatar.top-user-box.pro-account-avatar,
  #gameView .premium-user-bar .top-user-box,
  #gameView .premium-avatar{
    grid-column: 1 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(44px) !important;
    z-index: 10 !important;
  }

  /* Kullanici adi kutusu C'nin arkasinda kirpilmasin, alt-ust ortali dursun */
  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    grid-column: 2 !important;
    align-self: center !important;
    height: 50px !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 34px !important;
    padding-right: 14px !important;
    transform: translateX(-8px) !important;
    overflow: visible !important;
    border-left: 1px solid rgba(255,214,91,.82) !important;
    border-radius: 14px !important;
  }

  /* 0726 ortasindan gecen cizgi/efekt tamamen kapatildi */
  #gameView .premium-user-info::before,
  #gameView .premium-user-info::after,
  #gameView .premium-user-bar .top-account-info::before,
  #gameView .premium-user-bar .top-account-info::after,
  #gameView .premium-username::before,
  #gameView .premium-username::after,
  #gameView #topAccountName::before,
  #gameView #topAccountName::after{
    display: none !important;
    content: none !important;
  }

  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong,
  #gameView #topAccountName{
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    line-height: 50px !important;
  }
}

/* === WEB PROFIL C TAMAMEN KALDIRILDI - ISLEV KULLANICI ADINA TASINDI (MOBIL ETKILENMEZ) === */
@media (min-width: 901px){
  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    display:grid!important;
    grid-template-columns:254px 104px 78px!important;
    grid-template-areas:"user balance logout"!important;
    align-items:center!important;
    gap:10px!important;
    width:474px!important;
    min-width:474px!important;
    max-width:474px!important;
    overflow:visible!important;
  }

  body #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box.pro-account-avatar,
  body #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  body #gameView:not(.playing-board) .premium-avatar,
  body #gameView:not(.playing-board) #topUserBox{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    grid-area:user!important;
    grid-column:1!important;
    width:254px!important;
    min-width:254px!important;
    max-width:254px!important;
    height:50px!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 22px!important;
    margin:0!important;
    transform:none!important;
    cursor:pointer!important;
    border:1px solid rgba(255,214,91,.82)!important;
    border-radius:14px!important;
    background:linear-gradient(90deg, rgba(8,58,39,.96), rgba(3,29,21,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,214,91,.18), 0 0 18px rgba(255,214,91,.10)!important;
    overflow:visible!important;
    position:relative!important;
  }

  body #gameView:not(.playing-board) .premium-user-info::before,
  body #gameView:not(.playing-board) .premium-user-info::after,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::before,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::after,
  body #gameView:not(.playing-board) .premium-username::before,
  body #gameView:not(.playing-board) .premium-username::after,
  body #gameView:not(.playing-board) #topAccountName::before,
  body #gameView:not(.playing-board) #topAccountName::after{
    content:none!important;
    display:none!important;
  }

  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    color:#ffd866!important;
    font-size:18px!important;
    font-weight:1000!important;
    line-height:50px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-decoration:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    grid-column:2!important;
  }

  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area:logout!important;
    grid-column:3!important;
  }
}

/* WEB ONLY FINAL FIX: C avatar removed, username framed like balance with hover glow. Mobile untouched. */
@media (min-width: 769px){
  #gameView:not(.playing-board) .premium-user-bar,
  #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;
    display:grid!important;
    grid-template-columns:minmax(150px, 1fr) 104px 92px!important;
    grid-template-areas:"user balance logout"!important;
    align-items:center!important;
    gap:10px!important;
    height:58px!important;
    min-height:58px!important;
    padding:6px 10px!important;
    overflow:visible!important;
  }

  #gameView:not(.playing-board) .premium-user-bar .premium-avatar.top-user-box,
  #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  #gameView:not(.playing-board) #topUserBox{
    display:none!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  #gameView:not(.playing-board) .premium-user-info,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info{
    grid-area:user!important;
    width:100%!important;
    min-width:150px!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:10px!important;
    border:1px solid rgba(239,190,82,.62)!important;
    background:linear-gradient(180deg,rgba(6,45,31,.98),rgba(1,22,15,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 rgba(255,214,83,0)!important;
    cursor:pointer!important;
    transition:box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
  }

  #gameView:not(.playing-board) .premium-user-info:hover,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info:hover{
    border-color:#ffdf69!important;
    box-shadow:0 0 14px rgba(255,204,54,.45), inset 0 1px 0 rgba(255,255,255,.14)!important;
    filter:brightness(1.08)!important;
  }

  #gameView:not(.playing-board) .premium-username,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong,
  #gameView:not(.playing-board) #topAccountName{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:42px!important;
    color:#ffdd63!important;
    font-weight:1000!important;
    text-shadow:0 2px 5px rgba(0,0,0,.6),0 0 8px rgba(255,214,83,.25)!important;
  }
  #gameView:not(.playing-board) .premium-username::before,
  #gameView:not(.playing-board) .premium-username::after,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::before,
  #gameView:not(.playing-board) .premium-user-bar .top-account-info strong::after{
    display:none!important;
    content:none!important;
  }

  #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    width:104px!important;
    min-width:104px!important;
  }
  #gameView:not(.playing-board) .premium-logout-btn,
  #gameView:not(.playing-board) .premium-user-bar #logoutButton{
    grid-area:logout!important;
    width:92px!important;
    min-width:92px!important;
  }
}

/* === ACIL FINAL FIX: WEB UST PROFIL/Bakiye/Cikis GERI GETIRME - MOBIL ETKILENMEZ === */
@media (min-width: 901px){
  body #gameView:not(.playing-board) .premium-topbar{
    display:grid!important;
    grid-template-columns: 180px minmax(560px, 1fr) 470px!important;
    align-items:center!important;
    column-gap:10px!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100vw!important;
  }

  body #gameView:not(.playing-board) .premium-brand{
    grid-column:1!important;
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    overflow:hidden!important;
  }

  body #gameView:not(.playing-board) .premium-nav{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(6, minmax(86px,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }

  body #gameView:not(.playing-board) .premium-nav .nav-pill{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }

  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    display:grid!important;
    grid-template-columns: 250px 104px 86px!important;
    grid-template-areas: "user balance logout"!important;
    align-items:center!important;
    gap:10px!important;
    width:470px!important;
    min-width:470px!important;
    max-width:470px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:50!important;
  }

  body #gameView:not(.playing-board) .premium-user-bar::before,
  body #gameView:not(.playing-board) .premium-user-bar::after,
  body #gameView:not(.playing-board) .premium-account.pro-account-card::before,
  body #gameView:not(.playing-board) .premium-account.pro-account-card::after{
    content:none!important;
    display:none!important;
  }

  /* C profil dairesi tamamen kaldirildi */
  body #gameView:not(.playing-board) #topUserBox,
  body #gameView:not(.playing-board) .premium-user-bar .premium-avatar,
  body #gameView:not(.playing-board) .premium-user-bar .top-user-box,
  body #gameView:not(.playing-board) .premium-avatar.top-user-box.pro-account-avatar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Kullanici adi bakiye kutusu gibi cerceveli ve hover parlak */
  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    grid-area:user!important;
    grid-column:1!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    margin:0!important;
    border:1px solid rgba(255,205,80,.68)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(6,45,31,.96),rgba(1,22,15,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,214,91,.12)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:52!important;
    transition:box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
  }

  body #gameView:not(.playing-board) .premium-user-info:hover,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info:hover{
    border-color:#ffdf69!important;
    box-shadow:0 0 16px rgba(255,205,64,.50), inset 0 1px 0 rgba(255,255,255,.16)!important;
    filter:brightness(1.08)!important;
  }

  body #gameView:not(.playing-board) .premium-user-info::before,
  body #gameView:not(.playing-board) .premium-user-info::after,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::before,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::after,
  body #gameView:not(.playing-board) .premium-username::before,
  body #gameView:not(.playing-board) .premium-username::after,
  body #gameView:not(.playing-board) #topAccountName::before,
  body #gameView:not(.playing-board) #topAccountName::after{
    content:none!important;
    display:none!important;
  }

  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    line-height:48px!important;
    text-align:center!important;
    color:#ffdd63!important;
    font-size:16px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-decoration:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    text-shadow:0 2px 5px rgba(0,0,0,.65),0 0 8px rgba(255,214,83,.30)!important;
  }

  body #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    grid-column:2!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:48px!important;
    min-height:48px!important;
    align-self:center!important;
    justify-self:start!important;
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    position:relative!important;
    z-index:52!important;
  }

  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area:logout!important;
    grid-column:3!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:48px!important;
    min-height:48px!important;
    align-self:center!important;
    justify-self:start!important;
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    position:relative!important;
    z-index:52!important;
  }

  body #gameView:not(.playing-board) .top-icon.notify,
  body #gameView:not(.playing-board) #settingsButton.top-icon{
    display:none!important;
  }
}

/* === MEC FINAL WEB USERNAME FRAME EXACT FIX - MOBIL ETKILENMEZ === */
@media (min-width: 901px){
  body #gameView:not(.playing-board) .premium-topbar{
    display:grid!important;
    grid-template-columns:180px minmax(560px,1fr) 470px!important;
    grid-template-areas:"brand nav account"!important;
    align-items:center!important;
    column-gap:10px!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 12px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  body #gameView:not(.playing-board) .premium-brand{grid-area:brand!important;align-self:center!important;}
  body #gameView:not(.playing-board) .premium-nav{grid-area:nav!important;align-self:center!important;}

  body #gameView:not(.playing-board) .premium-user-bar,
  body #gameView:not(.playing-board) .premium-account.pro-account-card,
  body #gameView:not(.playing-board) .premium-account.pro-account-card.premium-user-bar{
    grid-area:account!important;
    grid-column:auto!important;
    justify-self:end!important;
    align-self:center!important;
    position:static!important;
    display:grid!important;
    grid-template-columns:250px 104px 86px!important;
    grid-template-areas:"user balance logout"!important;
    gap:10px!important;
    width:470px!important;
    min-width:470px!important;
    max-width:470px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:60!important;
  }

  /* C profil butonu tamamen kapali; profil acma tiklamasi kullanici adinda kalir */
  body #gameView:not(.playing-board) #topUserBox,
  body #gameView:not(.playing-board) .premium-avatar,
  body #gameView:not(.playing-board) .pro-account-avatar,
  body #gameView:not(.playing-board) .premium-avatar.top-user-box.pro-account-avatar{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  /* Istenen gold premium kullanici adi cercevesi */
  body #gameView:not(.playing-board) .premium-user-info,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info,
  body #gameView:not(.playing-board) .premium-account.pro-account-card .top-account-info{
    grid-area:user!important;
    grid-column:auto!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 18px 0 64px!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
    cursor:pointer!important;
    border:1px solid rgba(255,210,82,.92)!important;
    border-radius:0!important;
    clip-path:polygon(14px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px)!important;
    background:
      radial-gradient(circle at 92% 82%, rgba(255,213,72,.42), transparent 16px),
      linear-gradient(90deg, rgba(2,20,13,.98), rgba(7,58,37,.92) 48%, rgba(1,18,12,.98))!important;
    box-shadow:
      inset 0 0 0 1px rgba(97,255,179,.08),
      inset 0 14px 20px rgba(255,255,255,.03),
      inset 0 -13px 20px rgba(0,0,0,.34),
      0 0 14px rgba(255,196,46,.16)!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:62!important;
    transition:filter .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  }
  body #gameView:not(.playing-board) .premium-user-info:hover,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info:hover{
    border-color:#ffe27a!important;
    filter:brightness(1.12)!important;
    box-shadow:
      0 0 20px rgba(255,207,61,.58),
      inset 0 0 0 1px rgba(255,239,148,.25),
      inset 0 -13px 20px rgba(0,0,0,.25)!important;
  }
  body #gameView:not(.playing-board) .premium-user-info::before,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::before{
    content:"♛"!important;
    display:block!important;
    position:absolute!important;
    left:29px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    font-size:22px!important;
    line-height:1!important;
    color:#ffd75c!important;
    text-shadow:0 0 10px rgba(255,203,52,.55),0 2px 4px rgba(0,0,0,.55)!important;
    pointer-events:none!important;
  }
  body #gameView:not(.playing-board) .premium-user-info::after,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:96px!important;
    right:18px!important;
    bottom:10px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(255,214,83,.88),transparent)!important;
    pointer-events:none!important;
  }
  body #gameView:not(.playing-board) .premium-username,
  body #gameView:not(.playing-board) #topAccountName,
  body #gameView:not(.playing-board) .premium-user-bar .top-account-info strong{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    line-height:58px!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    color:#ffdf70!important;
    font-size:20px!important;
    font-weight:1000!important;
    letter-spacing:.1px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-decoration:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:0 2px 6px rgba(0,0,0,.76),0 0 10px rgba(255,213,79,.38)!important;
  }
  body #gameView:not(.playing-board) #topAccountName::before,
  body #gameView:not(.playing-board) #topAccountName::after,
  body #gameView:not(.playing-board) .premium-username::before,
  body #gameView:not(.playing-board) .premium-username::after{
    content:none!important;
    display:none!important;
  }

  body #gameView:not(.playing-board) .premium-balance-card{
    grid-area:balance!important;
    grid-column:auto!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:48px!important;
    min-height:48px!important;
    align-self:center!important;
    justify-self:start!important;
    display:flex!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:62!important;
  }
  body #gameView:not(.playing-board) #logoutButton,
  body #gameView:not(.playing-board) .premium-logout-btn,
  body #gameView:not(.playing-board) #logoutButton.resign{
    grid-area:logout!important;
    grid-column:auto!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:48px!important;
    min-height:48px!important;
    align-self:center!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:62!important;
  }
}

/* === WEB TOP USER AREA FINAL POSITION FIX - MOBILE SAFE ===
   Kullanıcı adı, bakiye ve çıkış üst menüde ayrı kutular olarak hizalanır.
   C/avatar tamamen kaldırılır. Mobil kurallarına dokunmaz. */
@media (min-width: 981px){
  #gameView .premium-topbar{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100vw!important;
    height:72px!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:185px minmax(620px,1fr) 250px 102px 90px!important;
    column-gap:8px!important;
    align-items:center!important;
    padding:0 12px!important;
    overflow:hidden!important;
  }

  #gameView .premium-brand{
    width:185px!important;
    max-width:185px!important;
    min-width:185px!important;
    overflow:hidden!important;
  }
  #gameView .premium-brand .top-brand-logo{width:50px!important;height:46px!important;}
  #gameView .premium-brand strong{font-size:22px!important;line-height:22px!important;white-space:nowrap!important;}
  #gameView .premium-brand span{font-size:11px!important;letter-spacing:2.8px!important;white-space:nowrap!important;}

  #gameView .premium-nav{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:64px!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(92px,1fr))!important;
    gap:8px!important;
    align-items:center!important;
    justify-content:stretch!important;
    padding:0!important;
    margin:0!important;
    border-right:1px solid rgba(255,205,80,.42)!important;
    padding-right:8px!important;
    overflow:visible!important;
  }
  #gameView .premium-nav .nav-pill,
  #gameView .nav-pill{
    width:100%!important;
    max-width:none!important;
    height:62px!important;
    min-height:62px!important;
    padding:6px 5px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #gameView .premium-nav .nav-pill > span:not(.nav-icon),
  #gameView .nav-pill > span:not(.nav-icon){font-size:12px!important;line-height:16px!important;white-space:nowrap!important;text-overflow:clip!important;}
  #gameView .premium-nav .daily-wheel-nav > span:not(.nav-icon){font-size:11px!important;letter-spacing:-.45px!important;}

  /* Parent'i grid engeli olmaktan çıkar: içindeki kutular üst bar gridine otursun */
  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    display:contents!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
  }
  #gameView .premium-user-bar::before,
  #gameView .premium-user-bar::after,
  #gameView .premium-account.pro-account-card.premium-user-bar::before,
  #gameView .premium-account.pro-account-card.premium-user-bar::after{content:none!important;display:none!important;}

  /* C/avatar tamamen kaldırıldı */
  #gameView .premium-avatar,
  #gameView .premium-user-bar .premium-avatar,
  #gameView .premium-user-bar .top-user-box,
  #gameView #topUserBox{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  /* Kullanıcı adı kutusu: gönderilen 1. görseldeki premium çerçeve */
  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    grid-column:3!important;
    box-sizing:border-box!important;
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    height:50px!important;
    min-height:50px!important;
    align-self:center!important;
    justify-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 18px 8px 50px!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
    cursor:pointer!important;
    border:1px solid rgba(255,216,93,.92)!important;
    border-radius:5px 16px 5px 16px!important;
    background:
      radial-gradient(circle at 88% 102%, rgba(255,214,77,.55), transparent 11%),
      linear-gradient(135deg, rgba(255,214,77,.14), transparent 18%),
      linear-gradient(180deg, rgba(2,42,29,.98), rgba(0,21,16,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13), inset 0 -14px 24px rgba(0,0,0,.30), 0 0 0 1px rgba(255,216,93,.18), 0 0 16px rgba(255,202,70,.18)!important;
    clip-path:polygon(14px 0,100% 0,100% 69%,88% 100%,0 100%,0 22%)!important;
  }
  #gameView .premium-user-info:hover,
  #gameView .premium-user-bar .top-account-info:hover{
    border-color:#ffe68a!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 22px rgba(255,213,80,.36), 0 0 0 1px rgba(255,230,130,.30)!important;
    filter:brightness(1.08)!important;
  }
  #gameView .premium-user-info::before,
  #gameView .premium-user-bar .top-account-info::before{
    content:'♛'!important;
    position:absolute!important;
    left:24px!important;
    top:50%!important;
    transform:translateY(-58%)!important;
    color:#ffd86a!important;
    font-size:22px!important;
    line-height:1!important;
    text-shadow:0 0 11px rgba(255,214,86,.58),0 2px 5px rgba(0,0,0,.76)!important;
    z-index:2!important;
  }
  #gameView .premium-user-info::after,
  #gameView .premium-user-bar .top-account-info::after{
    content:''!important;
    position:absolute!important;
    left:88px!important;
    right:28px!important;
    bottom:9px!important;
    width:auto!important;
    height:1px!important;
    margin:0!important;
    background:linear-gradient(90deg, transparent, rgba(255,215,92,.75), transparent)!important;
    display:block!important;
    opacity:1!important;
  }
  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong,
  #gameView #topAccountName{
    display:block!important;
    width:100%!important;
    max-width:160px!important;
    color:#ffe486!important;
    font-size:18px!important;
    line-height:22px!important;
    font-weight:1000!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-shadow:0 0 12px rgba(255,213,80,.30),0 3px 7px rgba(0,0,0,.85)!important;
    position:relative!important;
    z-index:2!important;
    cursor:pointer!important;
  }
  #gameView .premium-user-bar .top-account-info strong::before,
  #gameView .premium-user-bar .top-account-info strong::after,
  #gameView .premium-username::before,
  #gameView .premium-username::after{content:none!important;display:none!important;}

  /* Bakiye kendi yerinde */
  #gameView .premium-balance-card{
    grid-column:4!important;
    box-sizing:border-box!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:44px!important;
    min-height:44px!important;
    align-self:center!important;
    justify-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:5px 24px 5px 10px!important;
    margin:0!important;
    border-radius:11px!important;
    border:1px solid rgba(255,205,80,.60)!important;
    background:linear-gradient(180deg, rgba(8,44,31,.96), rgba(1,22,16,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 16px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
    position:relative!important;
  }
  #gameView .premium-balance-card .label{font-size:9px!important;line-height:10px!important;color:rgba(255,255,255,.68)!important;font-weight:900!important;}
  #gameView .premium-balance-card .amount,
  #gameView .premium-user-bar #topBalanceBox,
  #gameView #topBalanceBox{
    display:block!important;
    width:auto!important;
    max-width:68px!important;
    color:#ffd75e!important;
    font-size:16px!important;
    line-height:18px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  /* Çıkış kendi yerinde */
  #gameView .premium-logout-btn,
  #gameView .premium-user-bar #logoutButton,
  #gameView #logoutButton,
  #logoutButton.premium-logout-btn.resign,
  #logoutButton.resign{
    grid-column:5!important;
    box-sizing:border-box!important;
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:44px!important;
    min-height:44px!important;
    align-self:center!important;
    justify-self:stretch!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:11px!important;
    border:1px solid rgba(255,205,80,.70)!important;
    background:linear-gradient(180deg, rgba(8,44,31,.96), rgba(1,22,16,.98))!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:1000!important;
    line-height:42px!important;
    text-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 16px rgba(0,0,0,.22)!important;
  }
}

/* FINAL WEB HEADER ACCOUNT FIX - username premium frame + balance/logout aligned, mobile untouched */
@media (min-width: 901px){
  #gameView .premium-topbar{
    position:relative!important;
    height:72px!important;
    min-height:72px!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:190px minmax(620px, 680px) 1fr!important;
    align-items:center!important;
    column-gap:10px!important;
    padding:0 14px!important;
  }
  #gameView .premium-brand{grid-column:1!important; height:64px!important; overflow:visible!important;}
  #gameView .premium-nav{
    grid-column:2!important;
    width:680px!important;
    max-width:680px!important;
    height:64px!important;
    display:grid!important;
    grid-template-columns:repeat(6, minmax(94px, 1fr))!important;
    gap:8px!important;
    border-right:1px solid rgba(255,205,80,.45)!important;
    padding-right:8px!important;
    overflow:visible!important;
  }
  #gameView .premium-nav .nav-pill{height:62px!important; min-height:62px!important;}

  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    position:absolute!important;
    right:14px!important;
    top:5px!important;
    width:462px!important;
    height:62px!important;
    min-width:462px!important;
    max-width:462px!important;
    display:grid!important;
    grid-template-columns:286px 104px 86px!important;
    grid-template-rows:62px!important;
    gap:10px!important;
    align-items:center!important;
    justify-content:end!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    overflow:visible!important;
    z-index:50!important;
  }
  #gameView .premium-user-bar::before,
  #gameView .premium-user-bar::after,
  #gameView .premium-account.pro-account-card.premium-user-bar::before,
  #gameView .premium-account.pro-account-card.premium-user-bar::after{display:none!important;content:none!important;}

  /* C/avatar tamamen kapalı */
  #gameView .premium-avatar,
  #gameView #topUserBox,
  #gameView .premium-user-bar .premium-avatar,
  #gameView .premium-user-bar .top-user-box{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    width:0!important;height:0!important;min-width:0!important;min-height:0!important;
    padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;
  }

  /* İstenen premium kullanıcı adı çerçevesi */
  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    grid-column:1!important;
    grid-row:1!important;
    width:286px!important;
    min-width:286px!important;
    max-width:286px!important;
    height:62px!important;
    min-height:62px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 22px 0 70px!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
    cursor:pointer!important;
    border:1px solid rgba(255,213,74,.96)!important;
    border-radius:6px 18px 6px 18px!important;
    clip-path:polygon(18px 0, 96% 0, 100% 14px, 100% 76%, 92% 100%, 0 100%, 0 24%)!important;
    background:
      radial-gradient(circle at 96% 92%, rgba(255,198,45,.58), transparent 9%),
      radial-gradient(circle at 8% 8%, rgba(255,222,95,.20), transparent 18%),
      linear-gradient(180deg, rgba(3,42,29,.98), rgba(0,21,16,.98))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -18px 26px rgba(0,0,0,.28),
      0 0 0 1px rgba(255,215,76,.22),
      0 0 18px rgba(255,204,58,.24)!important;
    transform:none!important;
    z-index:2!important;
  }
  #gameView .premium-user-info:hover,
  #gameView .premium-user-bar .top-account-info:hover{
    filter:brightness(1.10)!important;
    border-color:#ffe58a!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 0 1px rgba(255,230,128,.35),
      0 0 26px rgba(255,208,66,.46)!important;
  }
  #gameView .premium-user-info::before,
  #gameView .premium-user-bar .top-account-info::before{
    content:'♛'!important;
    position:absolute!important;
    left:26px!important;
    top:50%!important;
    transform:translateY(-52%)!important;
    color:#ffd76a!important;
    font-size:26px!important;
    line-height:1!important;
    text-shadow:0 0 12px rgba(255,214,86,.72),0 3px 6px rgba(0,0,0,.8)!important;
    z-index:3!important;
  }
  #gameView .premium-user-info::after,
  #gameView .premium-user-bar .top-account-info::after{
    content:''!important;
    position:absolute!important;
    left:74px!important;
    right:30px!important;
    bottom:11px!important;
    height:1px!important;
    background:linear-gradient(90deg, transparent, rgba(255,215,92,.82), transparent)!important;
    display:block!important;
    opacity:1!important;
    z-index:1!important;
  }
  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong,
  #gameView #topAccountName{
    display:block!important;
    width:auto!important;
    max-width:180px!important;
    color:#ffe486!important;
    font-size:24px!important;
    line-height:30px!important;
    font-weight:1000!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-shadow:0 0 12px rgba(255,213,80,.42),0 3px 7px rgba(0,0,0,.9)!important;
    position:relative!important;
    z-index:4!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
  }
  #gameView .premium-username::before,
  #gameView .premium-username::after,
  #gameView .premium-user-bar .top-account-info strong::before,
  #gameView .premium-user-bar .top-account-info strong::after{content:none!important;display:none!important;}

  #gameView .premium-balance-card{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:52px!important;
    min-height:52px!important;
    align-self:center!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:6px 22px 5px 12px!important;
    margin:0!important;
    border-radius:8px!important;
    border:1px solid rgba(255,205,80,.70)!important;
    background:linear-gradient(180deg, rgba(8,44,31,.96), rgba(1,22,16,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 16px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  #gameView .premium-balance-card .label{font-size:10px!important;line-height:11px!important;color:rgba(255,255,255,.72)!important;font-weight:900!important;}
  #gameView .premium-balance-card .amount,
  #gameView #topBalanceBox{
    color:#ffd75e!important;
    font-size:18px!important;
    line-height:20px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  #gameView .premium-balance-arrow{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#ffd75e!important;}

  #gameView .premium-logout-btn,
  #gameView #logoutButton,
  #logoutButton.premium-logout-btn.resign,
  #logoutButton.resign{
    grid-column:3!important;
    grid-row:1!important;
    position:relative!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:52px!important;
    min-height:52px!important;
    align-self:center!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:8px!important;
    border:1px solid rgba(255,205,80,.72)!important;
    background:linear-gradient(180deg, rgba(8,44,31,.96), rgba(1,22,16,.98))!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:1000!important;
    line-height:50px!important;
    text-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 16px rgba(0,0,0,.22)!important;
    z-index:2!important;
  }
}

/* FINAL FIX: Web kullanıcı adı premium çerçeve - mobil etkilenmez */
@media (min-width: 769px){
  #gameView .premium-topbar{
    overflow: visible !important;
  }
  #gameView .premium-user-bar,
  #gameView .premium-account.pro-account-card.premium-user-bar{
    grid-area: account !important;
    width: 470px !important;
    min-width: 470px !important;
    max-width: 470px !important;
    height: 68px !important;
    min-height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
  }
  #gameView .premium-user-bar::before,
  #gameView .premium-user-bar::after,
  #gameView .premium-account.pro-account-card::before,
  #gameView .premium-account.pro-account-card::after{
    content: none !important;
    display: none !important;
  }
  #gameView .premium-user-bar .premium-avatar,
  #gameView .premium-user-bar .top-user-box,
  #gameView .premium-avatar.top-user-box{
    display: none !important;
  }
  #gameView .premium-user-info,
  #gameView .premium-user-bar .top-account-info{
    order: 1 !important;
    width: 278px !important;
    min-width: 278px !important;
    max-width: 278px !important;
    height: 58px !important;
    min-height: 58px !important;
    flex: 0 0 278px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 28px 0 70px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: visible !important;
    cursor: pointer !important;
    background:
      radial-gradient(circle at 92% 78%, rgba(255,215,75,.20), transparent 15%),
      radial-gradient(circle at 18% 48%, rgba(255,215,75,.14), transparent 20%),
      linear-gradient(180deg, rgba(6,48,34,.98), rgba(1,18,13,.98)) !important;
    border: 2px solid #d8a93b !important;
    clip-path: polygon(8% 0, 98% 0, 100% 18%, 100% 82%, 92% 100%, 2% 100%, 0 82%, 0 18%) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.06),
      inset 0 0 18px rgba(255,210,72,.08),
      0 0 14px rgba(255,198,52,.20) !important;
  }
  #gameView .premium-user-info:hover,
  #gameView .premium-user-bar .top-account-info:hover{
    border-color: #ffe07a !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.10),
      inset 0 0 22px rgba(255,210,72,.12),
      0 0 20px rgba(255,198,52,.42) !important;
    filter: brightness(1.06) !important;
  }
  #gameView .premium-user-info::before,
  #gameView .premium-user-bar .top-account-info::before{
    content: "♛" !important;
    position: absolute !important;
    left: 26px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffd764 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(255,215,85,.55), 0 2px 5px rgba(0,0,0,.8) !important;
    background: transparent !important;
  }
  #gameView .premium-user-info::after,
  #gameView .premium-user-bar .top-account-info::after{
    content: "" !important;
    position: absolute !important;
    left: 64px !important;
    right: 28px !important;
    bottom: 10px !important;
    height: 1px !important;
    display: block !important;
    background: linear-gradient(90deg, transparent, rgba(255,215,88,.82), transparent) !important;
    box-shadow: 0 0 6px rgba(255,215,88,.35) !important;
  }
  #gameView .premium-username,
  #gameView .premium-user-bar .top-account-info strong{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffd764 !important;
    font-size: 23px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    text-align: left !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    border: 0 !important;
    background: transparent !important;
    text-shadow: 0 0 8px rgba(255,215,88,.28), 0 2px 5px rgba(0,0,0,.85) !important;
  }
  #gameView .premium-balance-card{
    order: 2 !important;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    height: 50px !important;
    min-height: 50px !important;
    flex: 0 0 104px !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    border: 1px solid rgba(216,169,59,.82) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(5,42,30,.98), rgba(1,17,13,.98)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
    position: relative !important;
    overflow: hidden !important;
  }
  #gameView .premium-balance-card .label{
    display:block !important;
    color:#cbbf96 !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
  #gameView .premium-balance-card .amount,
  #gameView .premium-user-bar #topBalanceBox{
    display:block !important;
    color:#ffd764 !important;
    font-size:18px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    max-width: 100% !important;
    text-shadow:0 2px 5px rgba(0,0,0,.75) !important;
  }
  #gameView .premium-balance-arrow{display:block!important;position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#ffd764!important;font-size:10px!important;}
  #gameView .premium-logout-btn,
  #gameView .premium-user-bar #logoutButton{
    order: 3 !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    height: 50px !important;
    min-height: 50px !important;
    flex: 0 0 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(216,169,59,.86) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(5,42,30,.98), rgba(1,17,13,.98)) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
  }
}


/* MEC WEB BANNER ALANI: sadece desktop lobi orta kırmızı işaretli alan */
@media (min-width: 901px){
  #gameView:not(.playing-board) .lobby-board-preview{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-banner-media{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:10px!important;
    bottom:70px!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:rgba(0,24,15,.26)!important;
    z-index:3!important;
  }
  #gameView:not(.playing-board) .lobby-banner-media.has-banner{display:flex!important;}
  #gameView:not(.playing-board) .lobby-banner-media img,
  #gameView:not(.playing-board) .lobby-banner-media video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border:0!important;
    display:block!important;
  }
  #gameView:not(.playing-board) .lobby-trust-row{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:4!important;
  }
}
@media (max-width: 900px){
  #gameView:not(.playing-board) .lobby-banner-media{display:none!important;}
}


/* === MEC KESIN FIX: Admin Banner web lobi orta alana gerçek yüklenen medya === */
@media (min-width: 901px){
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-board-scene,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-board-image,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-board-glass,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .preview-piece,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .preview-die{
    display:none!important;
    visibility:hidden!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia.lobby-banner-media{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:10px!important;
    bottom:70px!important;
    z-index:99!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#021a12!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia.lobby-banner-media.has-banner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia.lobby-banner-media img,
  #gameView:not(.playing-board) #lobbyBannerMedia.lobby-banner-media video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-trust-row{z-index:120!important;}
}
@media (max-width: 900px){
  #gameView:not(.playing-board) #lobbyBannerMedia.lobby-banner-media{display:none!important;}
}


/* === MEC KESIN BANNER FIX: Web lobi orta alanında admin yüklenen medya tavla görselinin yerine geçer; mobil etkilenmez === */
@media (min-width:901px){
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner{
    background-image:none!important;
    background:linear-gradient(180deg,rgba(0,34,22,.98),rgba(0,12,8,.98))!important;
    position:relative!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner::before,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner > *:not(#lobbyBannerMedia):not(.lobby-trust-row):not(.mobile-dinamik-title-banner){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia.lobby-banner-media.has-banner{
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:10px!important;
    bottom:70px!important;
    width:auto!important;
    height:auto!important;
    z-index:999!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:#021a12!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia img,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    border:0!important;
    max-width:none!important;
    max-height:none!important;
  }
}
@media (max-width:900px){
  #gameView:not(.playing-board) #lobbyBannerMedia{display:none!important;}
}


/* ADMIN BANNER KESIN COZUM: web lobi orta alandaki admin banneri eski tavla img/content kurallarindan etkilenmez. Mobil etkilenmez. */
@media (min-width: 901px) {
  #gameView #lobbyBoardPreview.has-admin-banner {
    background-image: none !important;
  }
  #gameView #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia,
  #gameView #lobbyBannerMedia.has-banner {
    display: flex !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 70px !important;
    z-index: 9999 !important;
    border: 1px solid rgba(255, 210, 72, .65) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background-color: #021a12 !important;
  }
  #gameView #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia img {
    content: normal !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  #gameView #lobbyBoardPreview.has-admin-banner > img,
  #gameView #lobbyBoardPreview.has-admin-banner .lobby-board-img,
  #gameView #lobbyBoardPreview.has-admin-banner .board-preview-img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 900px) {
  #lobbyBannerMedia { display: none !important; }
}

/* === FINAL: Admin banner webde kesin görünür, mobil etkilenmez === */
@media (min-width:901px){
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner{
    position:relative!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(0,34,22,.98),rgba(0,12,8,.98))!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner::before,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner::after{content:none!important;display:none!important;}
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner > *:not(#lobbyBannerMedia):not(.lobby-trust-row):not(.mobile-dinamik-title-banner){display:none!important;visibility:hidden!important;opacity:0!important;}
  #gameView:not(.playing-board) #lobbyBannerMedia.has-banner{
    display:flex!important;position:absolute!important;left:10px!important;right:10px!important;top:10px!important;bottom:70px!important;width:auto!important;height:auto!important;z-index:99999!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:8px!important;border:1px solid rgba(255,210,72,.65)!important;background:#021a12!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia.has-banner .admin-lobby-banner-img,
  #gameView:not(.playing-board) #lobbyBannerMedia.has-banner .admin-lobby-banner-video{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border:0!important;max-width:none!important;max-height:none!important;content:normal!important;opacity:1!important;visibility:visible!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-trust-row{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:100000!important;}
}
@media (max-width:900px){#gameView:not(.playing-board) #lobbyBannerMedia{display:none!important;visibility:hidden!important;}}


/* === MOBIL BANNER ADMIN: Sadece mobilde Dinamik banner alanına yüklenen medyayı basar. Web etkilenmez. === */
@media (max-width:700px){
  #gameView:not(.playing-board) .mobile-dinamik-title-banner.has-mobile-admin-banner{
    display:flex!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:0!important;
    margin:0 0 4px!important;
    border:1px solid rgba(255,210,82,.78)!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#021a12!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 14px rgba(255,207,66,.18)!important;
  }
  #gameView:not(.playing-board) .mobile-dinamik-title-banner.has-mobile-admin-banner::before{content:none!important;display:none!important;}
  #gameView:not(.playing-board) .mobile-dinamik-title-banner.has-mobile-admin-banner .admin-mobile-banner-img,
  #gameView:not(.playing-board) .mobile-dinamik-title-banner.has-mobile-admin-banner .admin-mobile-banner-video{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
    animation:none!important;
    filter:none!important;
  }
}
@media (min-width:701px){
  #gameView:not(.playing-board) .mobile-dinamik-title-banner.has-mobile-admin-banner{display:none!important;}
}


/* === MOBIL BANNER KESIN COZUM: Admin paneldeki Mobil Banner .lobby-ad alanina basilir. Web etkilenmez. === */
@media (max-width:768px){
  #gameView:not(.playing-board) .lobby-ad.has-mobile-admin-banner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    padding:0!important;
    margin:0 0 6px 0!important;
    border:1px solid rgba(255,213,76,.75)!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#021a12!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.24)!important;
    box-sizing:border-box!important;
  }
  #gameView:not(.playing-board) .lobby-ad.has-mobile-admin-banner > *:not(.admin-mobile-lobby-banner-media){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-ad.has-mobile-admin-banner .admin-mobile-lobby-banner-media{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:9px!important;
  }
  #gameView:not(.playing-board) .lobby-ad.has-mobile-admin-banner .admin-mobile-banner-img,
  #gameView:not(.playing-board) .lobby-ad.has-mobile-admin-banner .admin-mobile-banner-video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    animation:none!important;
    filter:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}
@media (min-width:769px){
  #gameView:not(.playing-board) .lobby-ad .admin-mobile-lobby-banner-media{display:none!important;}
}


/* === MEC MOBILE LOBI KATIL BUTONU AÇILIŞ FIX - sadece mobil === */
@media (max-width: 900px), (pointer: coarse) {
  #tables .table-row, .table-row {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(255, 214, 97, .25) !important;
  }
  #tables .watch-button, .table-row .watch-button {
    min-height: 38px !important;
    min-width: 58px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    z-index: 20 !important;
    position: relative !important;
  }
}

@media (max-width:980px), (pointer:coarse){.mobile-opening{opacity:.78!important;filter:brightness(1.25)!important}.mobile-game-opening::after{content:"Oyun açılıyor...";position:fixed;inset:auto 20px 20px 20px;z-index:99999;text-align:center;padding:14px;border-radius:14px;background:rgba(0,35,22,.94);border:1px solid rgba(255,211,83,.75);color:#ffe69a;font-weight:900}}


/* Platform oyuncusu bilgilendirme satırı */
.platform-player-disclosure{
  margin:10px auto 0;
  max-width:960px;
  padding:10px 14px;
  border:1px solid rgba(255,210,90,.35);
  border-radius:14px;
  background:linear-gradient(135deg, rgba(20,16,8,.82), rgba(70,45,10,.55));
  color:#ffe7a2;
  font-size:13px;
  text-align:center;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}


/* ŞİFREMİ UNUTTUM TALEP FORMU */
.forgot-reset-request-form label{font-weight:800;}
.forgot-reset-request-form input{border-color:rgba(242,199,75,.22)!important;}
.reset-channel-box{margin:12px 0;padding:12px;border-radius:14px;border:1px solid rgba(242,199,75,.28);background:linear-gradient(135deg,rgba(242,199,75,.10),rgba(8,30,24,.88));}
.reset-channel-box>span{display:block;color:#f2c74b;font-weight:900;margin-bottom:8px;}
.reset-channel{display:flex!important;align-items:center;gap:8px;margin:7px 0!important;color:#fff;}
.reset-channel input{width:auto!important;height:auto!important;accent-color:#f2c74b;}
.modal-message.success{color:#20e489!important;background:rgba(19,185,111,.12);border:1px solid rgba(32,228,137,.25);border-radius:10px;padding:10px;}


/* CIKIS TEK TIK KESIN FIX: Ustteki cikis butonu her katmanda tiklanabilir kalsin */
#logoutButton,
#gameView #logoutButton,
#gameView .premium-user-bar #logoutButton,
#logoutButton.premium-logout-btn.resign{
  position: relative !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  user-select: none !important;
}

/* FIX: Şifremi unuttum kanal seçimine göre isteğe bağlı alan görünümü */
.forgot-reset-request-form .optional-reset-field{opacity:.62;}
.forgot-reset-request-form .optional-reset-field::after{content:"  (isteğe bağlı)";color:#9fcfbd;font-size:12px;font-weight:700;}


/* Açılış zarları ZIP görsel entegrasyonu */
#gameView .intro-die.image-die {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}
#gameView .intro-die.image-die.ghost {
  background: rgba(255,255,255,.08) !important;
  border: 1px dashed rgba(255,230,150,.45) !important;
  border-radius: 18px !important;
}
#gameView .opening-dice-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.46));
}
.classic-dice-board .classic-die.opening-image-die {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}
.classic-dice-board .classic-die.opening-image-die img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: drop-shadow(0 7px 10px rgba(0,0,0,.58));
}


/* PNG zar final fix: eski CSS zar boyutu ve işaretli merkez konumu */
#gameView .board-dice .die.image-die,
#gameView .board-dice button.die.image-die,
#gameView .board-dice span.die.image-die{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  opacity:1 !important;
}
#gameView .board-dice .single-game-dice-img{
  width:46px !important;
  height:46px !important;
  object-fit:contain !important;
  display:block !important;
  pointer-events:none !important;
  user-select:none !important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.48)) !important;
}
#gameView.playing-board .board-dice{
  gap:8px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  z-index:200 !important;
}
#gameView .board-dice .die.image-die.rolling .single-game-dice-img{
  animation:singlePngDiceBoardRoll .72s cubic-bezier(.18,.78,.22,1) both !important;
}
@keyframes singlePngDiceBoardRoll{
  0%{ transform:translateY(-14px) rotate(-22deg) scale(.92); opacity:.75; }
  40%{ transform:translateY(6px) rotate(14deg) scale(1.06); opacity:1; }
  75%{ transform:translateY(-2px) rotate(-5deg) scale(1.02); }
  100%{ transform:translateY(0) rotate(0) scale(1); opacity:1; }
}


/* ChatGPT black checker CSS fix */
.black-stone,.checker.black,.stone.black,[data-color="black"]{
 filter:none !important;
 box-shadow:none !important;
}
.black-stone::before,.black-stone::after,
.checker.black::before,.checker.black::after,
.stone.black::before,.stone.black::after,
[data-color="black"]::before,[data-color="black"]::after{
 content:none !important;
 display:none !important;
}


/* === MEC FIX: Günlük çark 100 TL - 10 TL arası dahil tüm dilim ayırıcıları === */
.daily-wheel-disc{
  background: conic-gradient(from -25.714285deg,
    #060403 0deg 1.4deg,
    #063d2b 1.4deg 50.028571deg,
    #060403 50.028571deg 52.828571deg,
    #15110b 52.828571deg 101.457142deg,
    #060403 101.457142deg 104.257142deg,
    #075333 104.257142deg 152.885713deg,
    #060403 152.885713deg 155.685713deg,
    #211406 155.685713deg 204.314284deg,
    #060403 204.314284deg 207.114284deg,
    #0b6440 207.114284deg 255.742855deg,
    #060403 255.742855deg 258.542855deg,
    #191209 258.542855deg 307.171426deg,
    #060403 307.171426deg 309.971426deg,
    #063b2a 309.971426deg 358.600000deg,
    #060403 358.600000deg 360deg
  ) !important;
}

/* === MEC KESIN FIX: Günlük çark ayırıcı çizgileri tam eşit ===
   Ayırıcılar artık ayrı bir repeating-conic-gradient katmanı olarak çizilir.
   Böylece 100 TL ile 10 TL arasındaki çizgi dahil tüm siyah çizgiler aynı açı,
   aynı kalınlık ve aynı başlangıç/bitiş hesabıyla görünür. */
.daily-wheel-disc{
  background:
    repeating-conic-gradient(from -27.114285deg,
      #050302 0deg 2.8deg,
      transparent 2.8deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #063d2b 0deg 51.428571deg,
      #15110b 51.428571deg 102.857142deg,
      #075333 102.857142deg 154.285713deg,
      #211406 154.285713deg 205.714284deg,
      #0b6440 205.714284deg 257.142855deg,
      #191209 257.142855deg 308.571426deg,
      #063b2a 308.571426deg 360deg
    ) !important;
}


/* === MEC FINAL FIX: Günlük çark ayırıcı çizgileri kahverengi ===
   Tüm dilim ayırıcıları aynı kahverengi tonda ve aynı kalınlıkta çizilir.
   Siyah ayırıcı katmanı tamamen kahverengi ile değiştirildi. */
.daily-wheel-disc{
  background:
    repeating-conic-gradient(from -27.114285deg,
      #3a210b 0deg 3.0deg,
      transparent 3.0deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #063d2b 0deg 51.428571deg,
      #15110b 51.428571deg 102.857142deg,
      #075333 102.857142deg 154.285713deg,
      #211406 154.285713deg 205.714284deg,
      #0b6440 205.714284deg 257.142855deg,
      #191209 257.142855deg 308.571426deg,
      #063b2a 308.571426deg 360deg
    ) !important;
}

/* === MEC FINAL RENK FIX: Günlük çark tüm ödül dilimleri kahverengi, ayrımlar yeşil ===
   10 / 20 / 30 / 40 / 50 / 75 / 100 alanlarının tamamı aynı kahverengi yapıldı.
   Dilim aralarındaki çizgiler yeşil ve eşit kalınlıkta ayrı katman olarak çizilir. */
.daily-wheel-disc{
  background:
    repeating-conic-gradient(from -27.114285deg,
      #075333 0deg 3.0deg,
      transparent 3.0deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #211406 0deg 51.428571deg,
      #211406 51.428571deg 102.857142deg,
      #211406 102.857142deg 154.285713deg,
      #211406 154.285713deg 205.714284deg,
      #211406 205.714284deg 257.142855deg,
      #211406 257.142855deg 308.571426deg,
      #211406 308.571426deg 360deg
    ) !important;
}


/* === YATIRIM TALEBI: "Yatırım Yaptım" butonu modal sağ üst taşıma === */
.cash-modal-open .modal-box {
  padding-top: 24px !important;
}
.cash-modal-open #sendCashRequest.deposit-confirm-main {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  z-index: 5 !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ffd978, #a86b20) !important;
  color: #17100a !important;
  font-size: 15px !important;
  font-weight: 1000 !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(247,200,106,.25), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.cash-modal-open #sendCashRequest.deposit-confirm-main:active {
  transform: scale(.96) !important;
}
.cash-modal-open .modal-actions {
  min-height: 44px !important;
}
@media (max-width: 520px) {
  .cash-modal-open #sendCashRequest.deposit-confirm-main {
    top: 18px !important;
    right: 16px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }
  .cash-modal-open #modalTitle {
    max-width: 220px !important;
  }
}


/* === MEC FIX: Yatırım Yaptım butonu alt alana, Vazgeç sağında === */
.cash-modal-open .modal-box{
  padding-top:24px!important;
}
.cash-modal-open #modalTitle{
  margin-right:0!important;
}
.cash-modal-open .modal-actions{
  position:static!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  min-height:auto!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
}
.cash-modal-open #sendCashRequest.deposit-confirm-main{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  z-index:auto!important;
  order:1!important;
  width:260px!important;
  max-width:calc(55% - 9px)!important;
  min-height:54px!important;
  padding:0 26px!important;
  border:1px solid rgba(255,224,130,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffd978 0%,#e7b747 48%,#b57522 100%)!important;
  color:#17100a!important;
  font-size:16px!important;
  font-weight:1000!important;
  text-shadow:none!important;
  box-shadow:0 14px 28px rgba(247,200,106,.22), inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.cash-modal-open #cancelCashRequest{
  order:2!important;
  width:180px!important;
  max-width:calc(45% - 9px)!important;
  min-height:54px!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#f7fffd 0%,#dbe9e5 100%)!important;
  color:#071811!important;
  font-size:16px!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.cash-modal-open #sendCashRequest.deposit-confirm-main:hover,
.cash-modal-open #cancelCashRequest:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
}
.cash-modal-open #sendCashRequest.deposit-confirm-main:active,
.cash-modal-open #cancelCashRequest:active{
  transform:scale(.97)!important;
}
@media (max-width:520px){
  .cash-modal-open .modal-actions{gap:10px!important;}
  .cash-modal-open #sendCashRequest.deposit-confirm-main,
  .cash-modal-open #cancelCashRequest{
    width:auto!important;
    flex:1 1 0!important;
    max-width:none!important;
    min-height:48px!important;
    padding:0 10px!important;
    font-size:14px!important;
  }
}


/* === MEC FINAL FIX: GUNLUK CARK GORSEL BOZULMA KESIN DUZELTME ===
   Cark artik saf CSS daire olarak cizilir; onceki banner/modal/z-index ve
   eski wheel override'lari tarafindan oval ya da ortasi kaymis gorunmez. */
.daily-wheel-panel{
  width:min(96vw, 560px) !important;
  max-width:560px !important;
  margin:0 auto !important;
  padding:8px 10px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-sizing:border-box !important;
  background:radial-gradient(circle at 50% 40%, rgba(255,210,77,.16), rgba(0,0,0,0) 60%) !important;
  overflow:visible !important;
}
.daily-wheel-title{
  width:100% !important;
  text-align:center !important;
  color:#ffda67 !important;
  font-size:clamp(18px, 2.2vw, 24px) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  text-shadow:0 3px 6px rgba(0,0,0,.75), 0 0 12px rgba(255,200,70,.18) !important;
  margin:0 !important;
}
.daily-wheel-wrap{
  position:relative !important;
  width:clamp(270px, 42vw, 390px) !important;
  height:clamp(270px, 42vw, 390px) !important;
  min-width:270px !important;
  min-height:270px !important;
  max-width:390px !important;
  max-height:390px !important;
  aspect-ratio:1/1 !important;
  display:grid !important;
  place-items:center !important;
  margin:2px auto 0 !important;
  overflow:visible !important;
  contain:layout style !important;
  isolation:isolate !important;
  flex:0 0 auto !important;
}
.daily-wheel-wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:-12px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(255,218,97,.24), rgba(255,218,97,.08) 42%, transparent 70%) !important;
  filter:blur(4px) !important;
  z-index:0 !important;
  pointer-events:none !important;
}
.daily-wheel-disc{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  aspect-ratio:1/1 !important;
  display:block !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  overflow:hidden !important;
  clip-path:circle(50% at 50% 50%) !important;
  border:7px solid #ffd469 !important;
  outline:6px solid rgba(116,99,33,.55) !important;
  outline-offset:0 !important;
  z-index:1 !important;
  transform-origin:50% 50% !important;
  background:
    repeating-conic-gradient(from -25.714285deg,
      rgba(255,218,97,.95) 0deg 1.6deg,
      rgba(30,15,5,.0) 1.6deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #0a5a3a 0deg 51.428571deg,
      #251406 51.428571deg 102.857142deg,
      #0d6a43 102.857142deg 154.285713deg,
      #3a2008 154.285713deg 205.714284deg,
      #0a5939 205.714284deg 257.142855deg,
      #241407 257.142855deg 308.571426deg,
      #0f7047 308.571426deg 360deg
    ) !important;
  box-shadow:inset 0 0 0 2px rgba(255,239,169,.65), inset 0 0 42px rgba(0,0,0,.86), 0 12px 34px rgba(0,0,0,.54), 0 0 34px rgba(255,211,91,.28) !important;
  transition:transform 4.3s cubic-bezier(.12,.76,.08,1) !important;
}
.daily-wheel-disc::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:50% !important;
  border:2px solid rgba(255,224,120,.82) !important;
  box-shadow:inset 0 0 18px rgba(255,215,86,.18), 0 0 14px rgba(0,0,0,.35) !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.daily-wheel-disc::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:64px !important;
  height:64px !important;
  transform:translate(-50%, -50%) !important;
  border-radius:50% !important;
  border:4px solid #ffe28a !important;
  background:radial-gradient(circle at 35% 30%, #fff2a4 0, #d89a28 52%, #5b2c06 100%) !important;
  box-shadow:0 0 0 8px rgba(255,209,81,.25), inset 0 -10px 18px rgba(0,0,0,.25), 0 8px 20px rgba(0,0,0,.48) !important;
  pointer-events:none !important;
  z-index:3 !important;
}
.daily-wheel-disc span{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:82px !important;
  height:28px !important;
  margin-left:-41px !important;
  margin-top:-14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff1b3 !important;
  font-weight:950 !important;
  font-size:clamp(14px, 1.55vw, 18px) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-shadow:0 3px 5px rgba(0,0,0,.95), 0 0 8px rgba(255,219,101,.25) !important;
  transform:rotate(calc(var(--i) * 51.428571deg)) translateY(calc(clamp(270px, 42vw, 390px) * -0.34)) rotate(calc(var(--i) * -51.428571deg)) !important;
  transform-origin:center !important;
  z-index:4 !important;
  pointer-events:none !important;
}
.daily-wheel-pointer{
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:0 !important;
  height:0 !important;
  border-left:24px solid transparent !important;
  border-right:24px solid transparent !important;
  border-top:0 !important;
  border-bottom:42px solid #ffd25d !important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.76)) !important;
  z-index:9 !important;
  pointer-events:none !important;
}
.daily-wheel-center{
  position:relative !important;
  z-index:10 !important;
  width:96px !important;
  height:96px !important;
  min-width:96px !important;
  min-height:96px !important;
  border-radius:50% !important;
  border:4px solid #ffe38c !important;
  background:radial-gradient(circle at 35% 28%, #fff0a0 0, #e4b84e 34%, #c28a21 68%, #5a2a05 100%) !important;
  color:#181007 !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  cursor:pointer !important;
  box-shadow:0 0 0 9px rgba(255,211,91,.25), 0 10px 24px rgba(0,0,0,.54), inset 0 -13px 18px rgba(0,0,0,.16) !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
.daily-wheel-center:disabled{opacity:.74!important;cursor:not-allowed!important;filter:saturate(.85)!important}
.daily-wheel-result{text-align:left;padding-left:28px;
  width:min(100%, 430px) !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  margin-top:4px !important;
  padding:13px 16px !important;
  border:1px solid rgba(246,196,85,.68) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(0,44,31,.86), rgba(0,26,20,.88)) !important;
  color:#eafff4 !important;
  font-size:16px !important;
  font-weight:850 !important;
  line-height:1.35 !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
.daily-wheel-countdown{min-height:18px!important;color:#ffdf66!important;text-align:center!important;font-size:13px!important;font-weight:900!important;text-shadow:0 2px 5px rgba(0,0,0,.72)!important}
.daily-wheel-note{max-width:430px!important;text-align:center!important;color:#9fd7c3!important;font-size:12px!important;line-height:1.45!important;margin:0!important}
@media (max-width:520px){
  .daily-wheel-panel{gap:10px!important;padding:4px 4px 8px!important}
  .daily-wheel-wrap{width:min(78vw, 300px)!important;height:min(78vw, 300px)!important;min-width:250px!important;min-height:250px!important}
  .daily-wheel-disc span{width:70px!important;height:24px!important;margin-left:-35px!important;margin-top:-12px!important;font-size:14px!important;transform:rotate(calc(var(--i) * 51.428571deg)) translateY(calc(min(78vw, 300px) * -0.34)) rotate(calc(var(--i) * -51.428571deg))!important}
  .daily-wheel-center{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;font-size:16px!important}
  .daily-wheel-disc::after{width:54px!important;height:54px!important}
  .daily-wheel-pointer{border-left-width:20px!important;border-right-width:20px!important;border-bottom-width:34px!important}
  .daily-wheel-result{text-align:left;padding-left:28px;font-size:14px!important;min-height:54px!important}
}


/* === MEC KESIN FIX: Web banner modal ve butonların ALTINDA kalsın ===
   Önceki sürümlerde banner z-index 99999/100000 ile modalın üstüne çıkıyordu.
   Bu blok en sonda olduğu için tüm eski kuralları ezer. */
@media (min-width:901px){
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner{
    position:relative!important;
    z-index:0!important;
    isolation:isolate!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia,
  #gameView:not(.playing-board) #lobbyBannerMedia.has-banner,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia,
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner #lobbyBannerMedia.has-banner{
    display:flex!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:10px!important;
    bottom:70px!important;
    width:auto!important;
    height:auto!important;
    z-index:1!important;
    pointer-events:none!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:8px!important;
    border:1px solid rgba(255,210,72,.65)!important;
    background:#021a12!important;
  }
  #gameView:not(.playing-board) #lobbyBannerMedia img,
  #gameView:not(.playing-board) #lobbyBannerMedia video,
  #gameView:not(.playing-board) #lobbyBannerMedia .admin-lobby-banner-img,
  #gameView:not(.playing-board) #lobbyBannerMedia .admin-lobby-banner-video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    border:0!important;
    max-width:none!important;
    max-height:none!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  #gameView:not(.playing-board) #lobbyBoardPreview.has-admin-banner .lobby-trust-row{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:5!important;
    pointer-events:auto!important;
  }
}
.modal-backdrop,
#modalBackdrop{
  z-index:1000000!important;
  position:fixed!important;
  pointer-events:auto!important;
}
.modal-box,
#modalBackdrop .modal-box,
#modalBackdrop button,
#modalBackdrop input,
#modalBackdrop label,
#modalBackdrop .deposit-account,
#modalBackdrop .copy-finance-btn{
  pointer-events:auto!important;
}
.cash-modal-open .modal-box{
  z-index:1000001!important;
}


/* === MEC FINAL KESIN COZUM 2026-07-09: Banner modalin ve butonlarin ustune cikamaz === */
html.dinamik-modal-open, body.dinamik-modal-open{overflow:hidden!important;}
body.dinamik-modal-open #lobbyBannerMedia,
body.dinamik-modal-open .lobby-banner-media,
body.dinamik-modal-open .admin-lobby-banner-img,
body.dinamik-modal-open .admin-lobby-banner-video,
body.dinamik-modal-open .admin-mobile-lobby-banner-media,
body.dinamik-modal-open .admin-mobile-banner-img,
body.dinamik-modal-open .admin-mobile-banner-video,
body.dinamik-modal-open .lobby-board-preview,
body.dinamik-modal-open #lobbyBoardPreview,
body.dinamik-modal-open .mobile-dinamik-title-banner,
body.dinamik-modal-open .lobby-trust-row,
body.dinamik-modal-open .mobile-bottom-trust-row,
body.dinamik-modal-open #mecFixedMobileTrustBar,
body.dinamik-modal-open .mec-fixed-mobile-trust-bar{
  z-index:-1!important;
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
#modalBackdrop.modal-backdrop:not(.hidden),
.modal-backdrop:not(.hidden),
#leaveConfirmBackdrop.leave-confirm-backdrop:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
  isolation:isolate!important;
}
#modalBackdrop:not(.hidden) .modal-box,
.modal-backdrop:not(.hidden) .modal-box,
#leaveConfirmBackdrop:not(.hidden) .leave-confirm-card{
  position:relative!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
  background:linear-gradient(180deg,#0a5538,#012b1f)!important;
  isolation:isolate!important;
}
#modalBackdrop:not(.hidden) .modal-box *,
.modal-backdrop:not(.hidden) .modal-box *,
#leaveConfirmBackdrop:not(.hidden) .leave-confirm-card *{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
/* Normal lobide banner sadece gorsel olsun; buton tiklamasini kapatmasin */
#gameView:not(.playing-board) #lobbyBannerMedia,
#gameView:not(.playing-board) .lobby-banner-media,
#gameView:not(.playing-board) #lobbyBannerMedia *,
#gameView:not(.playing-board) .lobby-banner-media *{
  pointer-events:none!important;
}
#gameView:not(.playing-board) .lobby-left,
#gameView:not(.playing-board) .lobby-left *,
#gameView:not(.playing-board) .lobby-trust-row,
#gameView:not(.playing-board) .lobby-trust-row *,
#gameView:not(.playing-board) .premium-nav,
#gameView:not(.playing-board) .premium-nav *,
#gameView:not(.playing-board) button,
#gameView:not(.playing-board) input,
#gameView:not(.playing-board) select,
#gameView:not(.playing-board) textarea{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
@media (max-width:768px){
  #gameView:not(.playing-board) .premium-topbar{
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr) 44px!important;
    grid-template-areas:"brand account logout" "nav nav nav"!important;
    gap:6px!important;
    position:relative!important;
    z-index:5000!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
  }
  #gameView:not(.playing-board) .premium-brand{grid-area:brand!important;display:flex!important;visibility:visible!important;opacity:1!important;}
  #gameView:not(.playing-board) .premium-user-bar{grid-area:account!important;display:grid!important;visibility:visible!important;opacity:1!important;}
  #gameView:not(.playing-board) #logoutButton{grid-area:logout!important;display:flex!important;visibility:visible!important;opacity:1!important;}
  #gameView:not(.playing-board) .premium-nav{
    grid-area:nav!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    min-height:98px!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:5001!important;
  }
  #gameView:not(.playing-board) .premium-nav .nav-pill,
  #gameView:not(.playing-board) .nav-pill{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    height:46px!important;
    min-height:46px!important;
    min-width:0!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    z-index:5002!important;
  }
}


/* === MEC FINAL FIX: Web banner modal acikken kesinlikle gizlenir ve tiklamayi engellemez === */
html.dinamik-modal-open body #gameView:not(.playing-board) #lobbyBannerMedia,
body.dinamik-modal-open #gameView:not(.playing-board) #lobbyBannerMedia,
body.dinamik-modal-open #gameView:not(.playing-board) .lobby-banner-media,
#modalBackdrop:not(.hidden) ~ * #lobbyBannerMedia,
#gameView:not(.playing-board) #lobbyBoardPreview.modal-open-banner-disabled #lobbyBannerMedia{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:-1!important;
}
body.dinamik-modal-open #gameView:not(.playing-board) #lobbyBoardPreview,
#gameView:not(.playing-board) #lobbyBoardPreview.modal-open-banner-disabled{
  pointer-events:none!important;
}
#modalBackdrop.modal-backdrop:not(.hidden),
#modalBackdrop:not(.hidden){
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
#modalBackdrop:not(.hidden) .modal-box{
  position:relative!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
}
#modalBackdrop:not(.hidden) .modal-box,
#modalBackdrop:not(.hidden) .modal-box *{
  pointer-events:auto!important;
}
/* Lobi normal durumunda banner sadece gorseldir, asla tiklama yakalamaz */
#gameView:not(.playing-board) #lobbyBannerMedia,
#gameView:not(.playing-board) #lobbyBannerMedia *,
#gameView:not(.playing-board) .lobby-banner-media,
#gameView:not(.playing-board) .lobby-banner-media *{
  pointer-events:none!important;
}

/* === MEC FINAL FIX: Günlük Çark oku AŞAĞI baksın ===
   Ödül belirleyen sabit ok üstte durur ve ucu çarkın içine/aşağıya bakar. */
.daily-wheel-pointer{
  position:absolute!important;
  top:-8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:0!important;
  height:0!important;
  border-left:26px solid transparent!important;
  border-right:26px solid transparent!important;
  border-bottom:0!important;
  border-top:46px solid #ffd25d!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.78)) drop-shadow(0 0 10px rgba(255,210,93,.38))!important;
  z-index:20!important;
  pointer-events:none!important;
}
.daily-wheel-pointer::after{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:-42px!important;
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%, #fff3b0 0, #f0b939 62%, #7a4708 100%)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.45)!important;
}
@media (max-width:520px){
  .daily-wheel-pointer{
    top:-6px!important;
    border-left-width:22px!important;
    border-right-width:22px!important;
    border-top-width:40px!important;
    border-bottom-width:0!important;
  }
  .daily-wheel-pointer::after{left:-8px!important;top:-36px!important;width:16px!important;height:16px!important;}
}


/* === MEC FINAL FIX 2026-07-09: Günlük çark oku kesin aşağı baksın === */
.daily-wheel-wrap .daily-wheel-pointer,
#modalBackdrop .daily-wheel-pointer,
.modal-backdrop .daily-wheel-pointer{
  position:absolute !important;
  top:-12px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:0 !important;
  height:0 !important;
  border-left:26px solid transparent !important;
  border-right:26px solid transparent !important;
  border-bottom:0 !important;
  border-top:48px solid #ffd25d !important; /* border-top = üçgenin ucu AŞAĞI bakar */
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.82)) drop-shadow(0 0 8px rgba(255,211,90,.38)) !important;
  z-index:9999 !important;
  pointer-events:none !important;
}
.daily-wheel-wrap .daily-wheel-pointer::after,
#modalBackdrop .daily-wheel-pointer::after{
  content:"" !important;
  position:absolute !important;
  left:-10px !important;
  top:-46px !important;
  width:20px !important;
  height:22px !important;
  background:linear-gradient(180deg,#fff0a8,#d79522) !important;
  clip-path:polygon(50% 100%,0 0,100% 0) !important;
  opacity:.35 !important;
}
/* Modal açıkken web banner hiçbir butonun üstüne çıkamaz. */
html.dinamik-modal-open #lobbyBannerMedia,
html.dinamik-modal-open .lobby-banner-media,
html.dinamik-modal-open #lobbyBoardPreview,
html.dinamik-modal-open .lobby-board-preview,
html.dinamik-modal-open .mobile-dinamik-title-banner,
html.dinamik-modal-open .lobby-trust-row,
html.dinamik-modal-open .mobile-bottom-trust-row,
html.dinamik-modal-open #mecFixedMobileTrustBar,
body.dinamik-modal-open #lobbyBannerMedia,
body.dinamik-modal-open .lobby-banner-media,
body.dinamik-modal-open #lobbyBoardPreview,
body.dinamik-modal-open .lobby-board-preview,
body.dinamik-modal-open .mobile-dinamik-title-banner,
body.dinamik-modal-open .lobby-trust-row,
body.dinamik-modal-open .mobile-bottom-trust-row,
body.dinamik-modal-open #mecFixedMobileTrustBar{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
#modalBackdrop:not(.hidden){z-index:2147483646!important; pointer-events:auto!important;}
#modalBackdrop:not(.hidden) .modal-box{z-index:2147483647!important; pointer-events:auto!important;}
#modalBackdrop:not(.hidden) button,
#modalBackdrop:not(.hidden) input,
#modalBackdrop:not(.hidden) select,
#modalBackdrop:not(.hidden) textarea,
#modalBackdrop:not(.hidden) label,
#modalBackdrop:not(.hidden) .deposit-account,
#modalBackdrop:not(.hidden) .copy-finance-btn{pointer-events:auto!important; touch-action:manipulation!important;}


/* MOBIL HESAP KARTI FIX - kullanıcı adı ve bakiye lobide her zaman görünür */
.mobile-account-strip{
  display:none;
}
@media (max-width:980px),(pointer:coarse){
  #gameView:not(.playing-board) .mobile-account-strip{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) minmax(104px,auto);
    align-items:center;
    gap:8px;
    width:100%;
    box-sizing:border-box;
    margin:6px 0 8px 0!important;
    padding:8px 10px!important;
    border-radius:15px!important;
    border:1px solid rgba(255,215,106,.75)!important;
    background:linear-gradient(180deg,rgba(10,74,48,.98),rgba(4,38,27,.98))!important;
    box-shadow:0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12)!important;
    color:#fff!important;
    position:relative!important;
    z-index:5!important;
  }
  .mobile-account-avatar{
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-weight:1000!important;
    font-size:18px!important;
    color:#3b2500!important;
    background:radial-gradient(circle at 35% 30%,#fff2a6,#d99b29 65%,#7b4a08)!important;
    border:2px solid #ffe28a!important;
    box-shadow:0 4px 10px rgba(0,0,0,.35)!important;
  }
  .mobile-account-text,
  .mobile-account-balance{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    line-height:1.05!important;
  }
  .mobile-account-label,
  .mobile-account-balance span{
    font-size:9px!important;
    font-weight:1000!important;
    letter-spacing:.6px!important;
    color:#ffe28a!important;
    text-shadow:0 1px 1px rgba(0,0,0,.7)!important;
  }
  #mobileAccountName{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    font-weight:1000!important;
    color:#fff!important;
    text-shadow:0 2px 2px rgba(0,0,0,.8)!important;
  }
  #mobileAccountBalance{
    display:block!important;
    max-width:118px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:1000!important;
    color:#ffd76a!important;
    text-align:right!important;
    text-shadow:0 2px 2px rgba(0,0,0,.8)!important;
  }
  .mobile-account-balance{
    align-items:flex-end!important;
    padding-left:8px!important;
    border-left:1px solid rgba(255,215,106,.35)!important;
  }
  /* Üst premium hesap kartı bazı iPhone genişliklerinde dışarı taşsa bile yeni kart görünür kalır */
  #gameView:not(.playing-board) .premium-user-bar{
    margin-bottom:4px!important;
  }
}

@media(max-width:768px){.spin-message,.daily-wheel-message,.wheel-message{box-sizing:border-box;width:calc(100% - 24px)!important;max-width:none!important;margin:12px auto!important;display:block!important;}}

/* === MEC WEB GUNLUK CARK: TUM DILIMLER AYNI PREMIUM KAHVERENGI === */
.daily-wheel-disc{
  background:
    repeating-conic-gradient(from -25.714285deg,
      rgba(255,218,97,.96) 0deg 1.6deg,
      rgba(0,0,0,0) 1.6deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #3a200d 0deg 51.428571deg,
      #3a200d 51.428571deg 102.857142deg,
      #3a200d 102.857142deg 154.285713deg,
      #3a200d 154.285713deg 205.714284deg,
      #3a200d 205.714284deg 257.142855deg,
      #3a200d 257.142855deg 308.571426deg,
      #3a200d 308.571426deg 360deg
    ) !important;
}


/* === WEB CANLI LOBI ISTATISTIKLERI ALT KONUM === */
@media (min-width: 981px){
  #gameView:not(.playing-board) .lobby-header .lobby-stats-header-spacer{
    display:block !important;
    width:270px !important;
    min-width:270px !important;
    height:78px !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom{
    display:grid !important;
    width:calc(100% - 24px) !important;
    min-width:0 !important;
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    margin:10px 12px 0 !important;
    padding:10px 18px !important;
    box-sizing:border-box !important;
    grid-template-columns:1fr !important;
    grid-template-rows:22px 1px 51px !important;
    row-gap:6px !important;
    align-items:center !important;
    justify-items:stretch !important;
    overflow:hidden !important;
    position:relative !important;
    border-radius:13px !important;
    border:1px solid rgba(246,200,76,.9) !important;
    background:radial-gradient(circle at 50% -30%,rgba(35,255,160,.18),transparent 58%),linear-gradient(180deg,rgba(4,82,52,.84),rgba(1,31,23,.96)) !important;
    box-shadow:inset 0 0 20px rgba(38,255,160,.08),0 10px 24px rgba(0,0,0,.24) !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom::before{
    content:"" !important; display:block !important; grid-row:2 !important; width:100% !important; height:1px !important;
    position:static !important; transform:none !important; background:linear-gradient(90deg,transparent,rgba(246,200,76,.72),transparent) !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title{
    grid-row:1 !important; width:100% !important; height:22px !important; display:flex !important; align-items:center !important; justify-content:center !important;
    gap:8px !important; margin:0 !important; padding:0 !important; font-size:16px !important; line-height:22px !important; font-weight:1000 !important; color:#fff !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title i{
    width:10px !important; height:10px !important; min-width:10px !important; border-radius:50% !important; background:#1fe083 !important; box-shadow:0 0 10px rgba(31,224,131,.9) !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats.live-stats-values{
    grid-row:3 !important; width:100% !important; height:51px !important; display:grid !important; grid-template-columns:1fr 1px 1fr !important; align-items:center !important; justify-items:center !important;
    gap:18px !important; margin:0 !important; padding:0 24px !important; box-sizing:border-box !important; background:transparent !important; border:0 !important; box-shadow:none !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item,
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .stat-chip{
    width:100% !important; height:51px !important; display:grid !important; grid-template-rows:17px 34px !important; align-items:center !important; justify-items:center !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats small{
    font-size:11px !important; line-height:13px !important; font-weight:900 !important; color:rgba(255,255,255,.9) !important; text-align:center !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats b{
    font-size:28px !important; line-height:32px !important; font-weight:1000 !important; color:#ffd95d !important; text-align:center !important; text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 12px rgba(255,217,93,.25) !important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats > i,
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-separator{
    display:block !important; width:1px !important; height:38px !important; background:linear-gradient(180deg,transparent,rgba(246,200,76,.55),transparent) !important; font-size:0 !important;
  }
}

/* === MEC FINAL: WEB CANLI LOBI KARTI ISARETLI ALANA TAM SIGDIRMA ===
   Kartin toplam yuksekligi, ic bosluklari ve satirlari ayni kutu hesabinda
   tutulur. Boylece Toplam Uye / Aktif Uye sayilari alt kenardan kesilmez. */
@media (min-width:981px){
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom{
    width:calc(100% - 24px)!important;
    min-width:0!important;
    height:100px!important;
    min-height:100px!important;
    max-height:100px!important;
    margin:8px 12px 8px!important;
    padding:7px 16px 8px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:22px 1px minmax(0,1fr)!important;
    row-gap:5px!important;
    align-items:center!important;
    justify-items:stretch!important;
    overflow:hidden!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title{
    height:22px!important;
    min-height:22px!important;
    line-height:22px!important;
    margin:0!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats.live-stats-values{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:0 22px!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item,
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .stat-chip{
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    display:grid!important;
    grid-template-rows:18px 34px!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats small{
    display:block!important;
    width:100%!important;
    height:18px!important;
    line-height:18px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats b{
    display:block!important;
    width:100%!important;
    height:34px!important;
    line-height:34px!important;
    font-size:27px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}

/* === MEC WEB CANLI LOBI PREMIUM YATAY HIZA 2026-07-10 === */
@media (min-width:981px){
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(250px,1.08fr)!important;grid-template-rows:1fr!important;column-gap:22px!important;align-items:center!important;justify-items:stretch!important;height:96px!important;min-height:96px!important;max-height:96px!important;padding:12px 22px!important;overflow:hidden!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom::before{content:""!important;display:block!important;position:absolute!important;left:calc(50% - 11px)!important;top:18px!important;bottom:18px!important;width:1px!important;height:auto!important;background:linear-gradient(180deg,transparent,rgba(246,200,76,.72),transparent)!important;transform:none!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title{grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:0 8px!important;box-sizing:border-box!important;font-size:18px!important;line-height:1!important;letter-spacing:.35px!important;font-weight:1000!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.72)!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title::after{content:""!important;position:absolute!important;left:24px!important;right:calc(50% + 12px)!important;bottom:17px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(246,200,76,.8),transparent)!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title i{width:11px!important;height:11px!important;min-width:11px!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats.live-stats-values{grid-column:2!important;grid-row:1!important;width:100%!important;height:64px!important;display:grid!important;grid-template-columns:1fr 1px 1fr!important;align-items:center!important;justify-items:center!important;gap:16px!important;margin:0!important;padding:0 2px!important;box-sizing:border-box!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item,#gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .stat-chip{height:60px!important;grid-template-rows:22px 36px!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats small{font-size:12px!important;line-height:16px!important;white-space:nowrap!important}
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats b{font-size:29px!important;line-height:34px!important}
}

/* === MEC WEB FIX: AKTIF UYE SOLA YAKLASTIRMA / KESILME ONLEME 2026-07-10 === */
@media (min-width:981px){
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats.live-stats-values{
    gap:10px!important;
    padding:0 8px 0 2px!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item.active{
    position:relative!important;
    left:-10px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item.active small,
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item.active b{
    white-space:nowrap!important;
    overflow:visible!important;
  }
}


/* === MEC FINAL: Günlük çark tüm dilimler kahverengi + eksiksiz ayraç ===
   Dinamik JS ile ödül sayısı değişse de 100-15 dahil her komşu dilim ayrılır. */
.daily-wheel-disc{
  background:
    repeating-conic-gradient(from -25.714285deg,
      #075333 0deg 3deg,
      transparent 3deg 51.428571deg
    ),
    conic-gradient(from -25.714285deg,
      #211406 0deg 360deg
    ) !important;
}


/* Günlük çark kazanç tutarı ve TL sembolü aynı satırda kalır */
.daily-wheel-result strong{display:inline-block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex:none!important;}


/* === MEC FIX: Web lobi masa listesinin kaydırma çubuğunu gizle ===
   Fare tekerleği, touchpad ve sürükleyerek kaydırma çalışmaya devam eder. */
@media (min-width: 769px){
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list,
  body #gameView:not(.playing-board) #lobbyScreen .lobby-table-list{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar,
  body #gameView:not(.playing-board) #lobbyScreen .lobby-table-list::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
  }
}

/* hide scrollbars keep scroll */
*{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}


/* === MEC KESIN FIX 2026-07-11: WEB LOBI SCROLLBAR TAMAMEN GIZLI ===
   Kaydirma aktif kalir; Windows/Chrome yerel cubugu panel disina itilip kirpilir. */
@media (min-width:981px){
  body #gameView:not(.playing-board) #lobbyScreen .match-browser{
    overflow:hidden!important;
  }
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list{
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    margin-right:-22px!important;
    padding-right:22px!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
  }
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar{
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    display:none!important;
    background:transparent!important;
  }
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar-track,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar-thumb,
  body #gameView:not(.playing-board) #lobbyScreen #tables.lobby-table-list::-webkit-scrollbar-button{
    display:none!important;
    width:0!important;
    height:0!important;
    background:transparent!important;
  }
}

.stake-stepper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stake-currency{font-weight:700;color:#f7c94b;font-size:26px;line-height:1;padding:0 4px;}


/* === WEB BAHIS TUTARI: 500₺ AYNI KUTUDA KESIN GORUNUM === */
#gameView:not(.playing-board) #tableForm .stake-stepper .stake-value-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
}
#gameView:not(.playing-board) #tableForm .stake-stepper .stake-value-wrap input#stakeInput {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding-right: 38px !important;
  text-align: center !important;
}
#gameView:not(.playing-board) #tableForm .stake-stepper .stake-value-wrap .stake-currency {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f7c94b !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* === WEB LOBI: BAHIS TUTARI ALANINI GIZLE, YENI MASA BUTONUNU TAM GENISLIK YAP === */
@media (min-width: 701px) {
  #gameView:not(.playing-board) #tableForm.lobby-actions,
  #gameView:not(.playing-board) #tableForm.premium-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 50px !important;
    gap: 0 !important;
    padding: 4px 8px !important;
  }

  #gameView:not(.playing-board) #tableForm .stake-stepper {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  #gameView:not(.playing-board) #tableForm .create-match {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }
}

/* Yatırım dekont yükleme alanı */
.deposit-top-row{display:flex;align-items:stretch;justify-content:space-between;gap:18px;margin:12px 0 14px}.deposit-top-row .deposit-countdown{margin:0;flex:0 0 auto}.receipt-upload-box{display:flex;align-items:center;justify-content:center;gap:11px;min-width:210px;max-width:290px;padding:10px 16px;border:2px dashed rgba(255,205,86,.72);border-radius:16px;background:linear-gradient(135deg,rgba(255,205,86,.12),rgba(0,80,50,.42));cursor:pointer;transition:.2s ease;box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 0 16px rgba(255,205,86,.05)}.receipt-upload-box:hover{transform:translateY(-1px);border-style:solid;background:linear-gradient(135deg,rgba(255,205,86,.2),rgba(0,91,56,.5))}.receipt-upload-box.has-file{border-style:solid;border-color:#ffe17b;box-shadow:0 0 0 2px rgba(255,205,86,.12),0 10px 28px rgba(0,0,0,.22)}.receipt-upload-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(180deg,#ffe17b,#d99a24);color:#173421;font-size:20px;font-weight:1000;box-shadow:0 5px 12px rgba(0,0,0,.3)}.receipt-upload-copy{display:flex;flex-direction:column;min-width:0}.receipt-upload-copy strong{color:#fff4c5;font-size:15px;line-height:1.2}.receipt-upload-copy small{margin-top:4px;color:#c9dfd4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}@media(max-width:650px){.deposit-top-row{gap:10px}.receipt-upload-box{min-width:0;flex:1;padding:9px 10px}.receipt-upload-copy strong{font-size:13px}.receipt-upload-copy small{max-width:120px}.receipt-upload-icon{width:31px;height:31px}}


/* === Dekont yükleme uyarısı === */
.deposit-receipt-notice{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:20px;background:rgba(0,17,11,.72);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .18s ease}.deposit-receipt-notice.show{opacity:1;pointer-events:auto}.deposit-receipt-notice-card{width:min(92vw,460px);padding:28px 26px 24px;border:1px solid rgba(255,211,91,.72);border-radius:24px;text-align:center;background:linear-gradient(160deg,#0b5b3c 0%,#063923 58%,#032719 100%);box-shadow:0 28px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(12px) scale(.97);transition:transform .18s ease}.deposit-receipt-notice.show .deposit-receipt-notice-card{transform:translateY(0) scale(1)}.deposit-receipt-notice-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:50%;font-size:34px;font-weight:1000;color:#173421;background:linear-gradient(180deg,#ffe47d,#d99a24);box-shadow:0 10px 26px rgba(217,154,36,.35)}.deposit-receipt-notice-card h3{margin:0 0 10px;color:#ffe17b;font-size:25px;line-height:1.2}.deposit-receipt-notice-card p{margin:0 auto;color:#eef8f2;font-size:16px;line-height:1.55;max-width:360px}.deposit-receipt-notice-card p strong{color:#ffe17b}.deposit-receipt-notice-actions{display:flex;gap:12px;margin-top:22px}.deposit-receipt-notice-actions button{flex:1;min-height:48px;border-radius:14px;font-weight:900}@media(max-width:520px){.deposit-receipt-notice-card{padding:24px 18px 20px}.deposit-receipt-notice-card h3{font-size:21px}.deposit-receipt-notice-card p{font-size:14px}.deposit-receipt-notice-actions{flex-direction:column}}


/* === DEKONT UYARISI: AÇIK YATIRIM MODALININ KESİN ÜSTÜNDE === */
#depositReceiptNotice.deposit-receipt-notice{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  pointer-events:none!important;
}
#depositReceiptNotice.deposit-receipt-notice.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#depositReceiptNotice .deposit-receipt-notice-card{
  position:relative!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
}


/* === DEKONT UYARISI MOBIL UST KATMAN KESIN FIX === */
html body #depositReceiptNotice.deposit-receipt-notice {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
  isolation: isolate !important;
  transform: translateZ(0) !important;
}
html body #depositReceiptNotice.deposit-receipt-notice.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html body #depositReceiptNotice .deposit-receipt-notice-card {
  position: relative !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

/* === MEC KESIN FIX 2026-07-14: UYE / AKTIF UYE SAYACI KISA EKRANDA GORUNUR === */
@media (min-width:981px) and (max-height:720px){
  #gameView:not(.playing-board) .lobby-left{
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:calc(100% - 24px)!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:6px 12px 4px!important;
    padding:5px 12px!important;
    grid-template-columns:minmax(150px,.9fr) minmax(230px,1.1fr)!important;
    grid-template-rows:48px!important;
    column-gap:12px!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:20!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom::before{
    left:42%!important;
    top:8px!important;
    bottom:8px!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title{
    grid-column:1!important;
    grid-row:1!important;
    min-height:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom .live-stats-title::after{
    display:none!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats.live-stats-values{
    grid-column:2!important;
    grid-row:1!important;
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    height:46px!important;
    min-height:46px!important;
    grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;
    gap:7px!important;
    padding:0!important;
    overflow:visible!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats .live-stat-item{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    height:46px!important;
    min-height:46px!important;
    grid-template-rows:16px 29px!important;
    position:static!important;
    left:auto!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats small{
    display:block!important;
    height:16px!important;
    line-height:16px!important;
    font-size:10px!important;
  }
  #gameView:not(.playing-board) .lobby-left .lobby-live-stats-card-bottom #lobbyStats b{
    display:block!important;
    height:29px!important;
    line-height:29px!important;
    font-size:24px!important;
  }
  #gameView:not(.playing-board) .quick-play-banner{
    min-height:42px!important;
    height:42px!important;
    margin-top:5px!important;
    margin-bottom:0!important;
  }
}


/* === MEC 2026-07-14 WEB UYE SAYACI ISARETLI UST SOL ALAN === */
@media (min-width:981px){
  #gameView:not(.playing-board) .lobby-header{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr) 180px!important;
    align-items:center!important;
    gap:18px!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    width:270px!important;
    min-width:270px!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    margin:0!important;
    padding:8px 14px 9px!important;
    box-sizing:border-box!important;
    grid-template-columns:1fr!important;
    grid-template-rows:18px 1px 41px!important;
    row-gap:5px!important;
    align-items:center!important;
    justify-items:stretch!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:30!important;
    border-radius:13px!important;
    border:1px solid rgba(246,200,76,.9)!important;
    background:radial-gradient(circle at 50% -30%,rgba(35,255,160,.18),transparent 58%),linear-gradient(180deg,rgba(4,82,52,.84),rgba(1,31,23,.96))!important;
    box-shadow:inset 0 0 20px rgba(38,255,160,.08),0 10px 24px rgba(0,0,0,.24)!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header::before{
    content:""!important;display:block!important;position:static!important;width:100%!important;height:1px!important;
    grid-row:2!important;background:linear-gradient(90deg,transparent,rgba(246,200,76,.72),transparent)!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header .live-stats-title{
    grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    width:100%!important;height:18px!important;margin:0!important;padding:0!important;color:#fff!important;
    font-size:15px!important;line-height:18px!important;font-weight:1000!important;white-space:nowrap!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header .live-stats-title i{
    display:block!important;width:10px!important;height:10px!important;min-width:10px!important;border-radius:50%!important;
    background:#1fe083!important;box-shadow:0 0 10px rgba(31,224,131,.9)!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header #lobbyStats{
    grid-row:3!important;display:grid!important;visibility:visible!important;opacity:1!important;
    grid-template-columns:1fr 1px 1fr!important;align-items:center!important;justify-items:center!important;
    width:100%!important;height:41px!important;margin:0!important;padding:0 12px!important;gap:10px!important;
    box-sizing:border-box!important;background:transparent!important;border:0!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header #lobbyStats .live-stat-item{
    display:grid!important;visibility:visible!important;opacity:1!important;width:100%!important;height:41px!important;
    grid-template-rows:14px 27px!important;align-items:center!important;justify-items:center!important;margin:0!important;padding:0!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header #lobbyStats small{
    display:block!important;font-size:10px!important;line-height:10px!important;font-weight:900!important;color:#fff!important;text-align:center!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header #lobbyStats b{
    display:block!important;font-size:25px!important;line-height:27px!important;font-weight:1000!important;color:#ffd95d!important;text-align:center!important;
  }
  #gameView:not(.playing-board) .lobby-header .lobby-live-stats-card-header #lobbyStats .live-stat-separator{
    display:block!important;width:1px!important;height:32px!important;background:linear-gradient(180deg,transparent,rgba(246,200,76,.55),transparent)!important;
  }
}