/* Mavi Teras - "⚙ Ayarlarım / Profilim" menüsü ve pencereleri (settings-menu.js). Kendi tasarımımız. */
#settingsBtn{background:#305CDE;color:#fff;font-size:22px;line-height:1}
#settingsBtn span{filter:brightness(0) invert(1)}

/* Menü: tüm ekranı kaplayan perde (dışına tıklayınca kapanır); dar ekranda kutu ortada, genişte ⚙ altında */
.setm{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.45)}
.setm.hidden{display:none}
.setm.drop{display:block;background:transparent;padding:0}
.setm.drop .setm-box{position:fixed}
.setm-box{width:268px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:#0b0d12;border:1px solid #2b3446;
  border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06);padding:10px 10px 12px;animation:setmIn .14s ease-out}
.setm.drop .setm-box{max-height:calc(100dvh - 90px)}
@keyframes setmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.setm-head{display:flex;align-items:center;justify-content:space-between;color:#e9eefb;font-size:14px;padding:2px 4px 8px}
.setm-x{background:none;border:0;color:#9fb0d0;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.setm-x:hover{color:#fff}
.setm-list{display:flex;flex-direction:column;gap:6px}
.setm-b{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:7px 12px;border-radius:9px;cursor:pointer;
  font:600 15px/1.2 inherit;font-family:inherit;color:#fff;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.45);
  background:linear-gradient(#3f8cf0,#1f5fcf 55%,#1a4fb0);border:1px solid #0f3a8a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25),0 2px 3px rgba(0,0,0,.4);transition:filter .12s,box-shadow .12s,transform .05s}
.setm-b:hover{filter:brightness(1.12)}
.setm-b:active{transform:translateY(1px)}
.setm-b:focus-visible,.setm-b.on{outline:none;border-color:#9fd2ff;box-shadow:0 0 0 2px #5fb0ff,0 0 14px 3px rgba(80,170,255,.75),inset 0 1px 0 rgba(255,255,255,.35)}
.setm-ic{width:24px;text-align:center;font-size:17px;flex:none}
.setm-t{flex:1}
.setm-b.soon{background:linear-gradient(#3a4a66,#2b3850);border-color:#222c3e;color:#c4cede;cursor:default}
.setm-b.soon:hover{filter:none}
.setm-soon{font-size:10px;font-weight:600;background:rgba(0,0,0,.35);color:#ffd36b;border-radius:6px;padding:2px 6px}

/* Pencereler (modal / modalbox / modalhead / xbtn style.css'ten) */
.setw{z-index:61}
.setw-box{width:380px;max-width:calc(100vw - 24px)}
.setw-body{display:flex;flex-direction:column;gap:9px;padding-top:6px}
.setw-note{color:#5b6475;font-size:12.5px;line-height:1.35}
.setw-msg{margin:6px 0}
.setw-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #d8deea;border-radius:8px;cursor:pointer;font-size:14px}
.setw-row input{width:18px;height:18px;flex:none}
.setw-status{min-height:16px;color:#1d6b2f;font-size:12.5px}
.setw-form{display:flex;flex-direction:column;gap:9px}
.setw-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}
.setw-pw{display:flex;gap:6px}
.setw-pw input{flex:1;min-width:0;padding:8px 10px;font-size:15px;border:1px solid #b9c3d6;border-radius:7px}
.setw-eye{flex:none;width:40px;border:1px solid #b9c3d6;border-radius:7px;background:#f2f5fa;cursor:pointer}
.setw-err{min-height:16px}
.setw-search input{width:100%;box-sizing:border-box;padding:9px 11px;font-size:15px;border:1px solid #b9c3d6;border-radius:8px}
.setw-results{display:flex;flex-direction:column;gap:5px;max-height:min(52dvh,380px);overflow:auto}
.setw-user{display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid #e0e5ef;border-radius:8px}
.setw-user img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex:none;background:#e9edf5}
.setw-nick{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:600 14px inherit;font-family:inherit;
  color:#1b2a4a;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.setw-nick span:last-child{overflow:hidden;text-overflow:ellipsis}
.setw-dot{color:#9aa4b5;font-size:11px}
.setw-dot.on{color:#22b14c}
.setw-mini{flex:none;padding:5px 9px;font-size:12.5px;border-radius:6px;border:1px solid #1a4fb0;background:#305CDE;color:#fff;cursor:pointer}
@media (max-width:420px){.setm-b{min-height:38px;font-size:14.5px}.setw-mini{padding:5px 7px}}

/* ---- 2. aşama (11 Kasım 2026) ---- */
.setm-st{font-size:10px;font-weight:600;background:rgba(0,0,0,.35);color:#ffd36b;border-radius:6px;padding:2px 6px}
.setw-seg{display:flex;gap:4px;flex-wrap:wrap}
.setw-sb{flex:1 1 0;min-width:72px;padding:7px 8px;border:1px solid #b9c3d6;border-radius:7px;background:#f2f5fa;color:#1b2a4a;font:600 13.5px inherit;font-family:inherit;cursor:pointer}
.setw-sb.on{background:#305CDE;border-color:#1a4fb0;color:#fff}
.setw-sel{padding:7px 9px;font-size:14px;border:1px solid #b9c3d6;border-radius:7px;background:#fff}
.setw-tbg{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.setw-tb{display:flex;flex-direction:column;gap:4px;padding:5px;border:2px solid #d8deea;border-radius:9px;background:#fff;cursor:pointer;font:600 12px inherit;font-family:inherit;color:#1b2a4a}
.setw-tb.on{border-color:#305CDE;box-shadow:0 0 0 2px #9fd2ff}
.setw-tbs{display:block;height:46px;border-radius:6px;box-shadow:inset 0 0 0 1px #0003}
.setw-tbl{text-align:center}
.tbp-default .setw-tbs{background:linear-gradient(90deg,#0b2b57 50%,#167246 50%)}

/* Masa temaları: yalnızca bu oyuncunun ekranı (html.tbg-*). Batak .table, Okey/101/Pişti .ok-screen */
:root{--tbg-yesil:repeating-linear-gradient(45deg,#ffffff06 0 2px,transparent 2px 9px),radial-gradient(ellipse at 50% 42%,#167246 0%,#0e5434 55%,#083822 100%);
  --tbg-mavi:radial-gradient(ellipse at center,#0b2b57 0%,#071c3d 70%,#05142d 100%);
  --tbg-bordo:radial-gradient(ellipse at center,#7d1729 0%,#55101d 60%,#33070f 100%);
  --tbg-mor:radial-gradient(ellipse at center,#4f2c8a 0%,#331b61 60%,#1c0e38 100%);
  --tbg-ahsap:repeating-linear-gradient(100deg,#ffffff0a 0 3px,transparent 3px 15px),repeating-linear-gradient(100deg,#0000001a 0 1px,transparent 1px 27px),radial-gradient(ellipse at center,#9a6634 0%,#6e4521 60%,#40270f 100%);
  --tbg-gece:radial-gradient(ellipse at center,#262a33 0%,#14161b 65%,#07080a 100%)}
.tbp-yesil .setw-tbs{background:var(--tbg-yesil)}.tbp-mavi .setw-tbs{background:var(--tbg-mavi)}.tbp-bordo .setw-tbs{background:var(--tbg-bordo)}
.tbp-mor .setw-tbs{background:var(--tbg-mor)}.tbp-ahsap .setw-tbs{background:var(--tbg-ahsap)}.tbp-gece .setw-tbs{background:var(--tbg-gece)}
html.tbg-yesil .table,html.tbg-yesil .ok-screen,html.tbg-yesil .ok-screen.osh-on{background:var(--tbg-yesil)}
html.tbg-mavi .table,html.tbg-mavi .ok-screen,html.tbg-mavi .ok-screen.osh-on{background:var(--tbg-mavi)}
html.tbg-bordo .table,html.tbg-bordo .ok-screen,html.tbg-bordo .ok-screen.osh-on{background:var(--tbg-bordo)}
html.tbg-mor .table,html.tbg-mor .ok-screen,html.tbg-mor .ok-screen.osh-on{background:var(--tbg-mor)}
html.tbg-ahsap .table,html.tbg-ahsap .ok-screen,html.tbg-ahsap .ok-screen.osh-on{background:var(--tbg-ahsap)}
html.tbg-gece .table,html.tbg-gece .ok-screen,html.tbg-gece .ok-screen.osh-on{background:var(--tbg-gece)}

/* Sohbet yazı boyutu (Genel Ayarlarım) */
html.chs-s .lobby-chat .chatlog,html.chs-s .game-bottom .chat #messages,html.chs-s .tc-log,html.chs-s #pmLog{font-size:12px}
html.chs-l .lobby-chat .chatlog,html.chs-l .game-bottom .chat #messages,html.chs-l .tc-log,html.chs-l #pmLog{font-size:16px}

/* Lobi listesi: Meşgul / Uzakta */
.ust{font-style:normal;font-size:11px;margin-left:3px;vertical-align:1px;cursor:help}