/* Üye ol / giriş penceresi (ana sayfa + oyun ortak). Değişkenler sayfanın kendi CSS'inden gelir. */
.uye-perde{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(4,2,10,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.uye-perde[hidden]{display:none!important}
.uye-kart{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel-k);border:1px solid var(--cizgi);
  border-radius:14px;padding:28px 22px 20px;box-shadow:0 0 0 1px rgba(255,43,214,.18),0 0 70px rgba(255,43,214,.22);color:var(--yazi);font-family:var(--f-govde);
  -webkit-user-select:text;user-select:text}
.uye-kapat{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;color:var(--soluk);font-size:18px;cursor:pointer;border-radius:8px}
.uye-kapat:hover{color:#fff;background:rgba(255,255,255,.06)}
.uye-kart h2{font-family:var(--f-baslik);font-weight:700;font-size:30px;line-height:1.1;margin:0 0 6px;color:#fff;text-shadow:0 0 16px rgba(255,43,214,.6)}
.uye-alt{color:var(--soluk);font-size:15px;margin:0 0 18px}
.uye-google{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:8px;background:#fff;color:#1f1f1f;font-weight:700;font-size:16px;text-decoration:none;
  transition:transform .1s,box-shadow .2s}
.uye-google:hover{box-shadow:0 0 22px rgba(255,255,255,.35)}
.uye-google:active{transform:translateY(1px)}
.uye-google[hidden],.uye-ya[hidden]{display:none}
.uye-ya{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--soluk);font-size:13px}
.uye-ya::before,.uye-ya::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.uye-form{display:grid;gap:10px}
.uye-form input{height:50px;border-radius:8px;border:1px solid var(--cizgi);background:rgba(255,255,255,.04);color:#fff;padding:0 14px;font-size:16px;font-family:var(--f-mono);outline:none}
.uye-form input:focus{border-color:var(--camgobegi);box-shadow:0 0 0 3px rgba(46,230,255,.18)}
#uyeKod,#uyeSifirlaKod{font-size:26px;letter-spacing:.4em;text-align:center}
.uye-btn{min-height:50px;border:0;border-radius:8px;cursor:pointer;font-family:var(--f-baslik);font-weight:700;font-size:18px;color:#fff;
  background:linear-gradient(180deg,#ff5ae0,#d4009f);box-shadow:0 0 20px rgba(255,43,214,.45),inset 0 -3px 0 rgba(0,0,0,.25)}
.uye-btn:disabled{opacity:.6;cursor:default}
.uye-linkler{display:flex;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.uye-link{min-height:44px;border:0;background:transparent;color:var(--camgobegi);cursor:pointer;font-size:14px;padding:0}
.uye-link:disabled{color:var(--soluk);cursor:default}
.uye-mesaj{min-height:1.4em;margin:12px 0 0;font-size:14px}
.uye-mesaj.hata{color:var(--kirmizi)}.uye-mesaj.tamam{color:var(--yesil)}.uye-mesaj.uyari{color:var(--sari)}
.uye-not{margin:8px 0 0;font-size:12px;color:var(--soluk)}
#uyeKod::placeholder,#uyeSifirlaKod::placeholder{letter-spacing:normal;font-size:16px}
/* sekmeler: giriş yap / üye ol */
.uye-gizli-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.uye-sekmeler{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:4px 40px 18px 0;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--cizgi)}
.uye-sekmeler[hidden]{display:none}
.uye-sekmeler button{min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--soluk);cursor:pointer;font-family:var(--f-baslik);font-weight:700;font-size:16px}
.uye-sekmeler button[aria-selected=true]{color:#fff;background:linear-gradient(180deg,rgba(255,90,224,.35),rgba(212,0,159,.35));box-shadow:0 0 14px rgba(255,43,214,.35)}
.uye-adim h3{font-family:var(--f-baslik);font-size:24px;color:#fff;margin:0 40px 6px 0}
.uye-sifre{position:relative;display:grid}
.uye-sifre input{padding-right:78px}
.uye-goster{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:38px;padding:0 10px;border-radius:6px;border:1px solid var(--cizgi);background:transparent;
  color:var(--soluk);cursor:pointer;font-size:12px;font-family:var(--f-mono)}
.uye-goster:hover{color:#fff}
.uye-ipucu{margin:-2px 0 4px;font-size:12px;color:var(--soluk)}