/* BİLARDO MOTORU (3 Top + 8 Top ortak) — rekoroyun 2026-11-05: online modül (lobi, sohbet, profil, bekleme) ve online masa ekleri — oyunun kendi stilleri style.css / game.css */
#loading{
	position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:60; display:none;
	padding:14px 26px; border-radius:14px; color:#ffe9a8; font:600 max(13px,2.4vmin) Poppins,sans-serif; letter-spacing:.03em;
	background:linear-gradient(180deg,#14282b,#060d0e); border:2px solid #d9a33a; box-shadow:0 12px 40px rgba(0,0,0,.7);
}
#pop-message{
	position:fixed; left:50%; top:22%; transform:translateX(-50%); z-index:70; opacity:0; pointer-events:none;
	padding:8px 18px; border-radius:22px; color:#2a1a02; font:600 max(13px,2.2vmin) Poppins,sans-serif; white-space:nowrap;
	background:linear-gradient(180deg,#ffe58a,#e0a92e); box-shadow:0 6px 20px rgba(0,0,0,.5);
}
#chatFrame{ position:fixed; display:none; top:0; left:0; width:100vw; height:100vh; border:0; z-index:999; }
.bubble{
	position:fixed; display:none; max-width:min(60vw,260px); padding:8px 12px; background:#f0f0f0; border-radius:10px; color:#333;
	font:max(12px,2.4vmin) Poppins,sans-serif; box-shadow:0 1vmin 3vmin rgba(0,0,0,.4); z-index:998;
}
.bubble img{ width:max(32px,7vmin); height:max(32px,7vmin); }
#profile{ position:fixed; inset:0; z-index:995; pointer-events:none; }
#profile > *{ pointer-events:auto; }
#rekor-div:empty{ display:none; }

/* online masa: oyuncu resmi (Google / avatar), kendi kartım, süre satırı */
.aimg img{ display:block; width:100%; height:100%; object-fit:cover; }
.hmid .status.acil{ color:#ff8a8a; }
#game:not(.online) .hb-chat{ display:none !important; }
#game.online .hgrp.r [data-act="help"]{ display:none; } /* online: kurallar düğmesinin yerinde sohbet (üst bant aynı genişlikte kalır) */

/* sonuç / istatistik penceresinde oyuncu resmi (2026-11-05; önceden renkli top) */
.favatar{ flex:none; width:calc(var(--g) * 38); height:calc(var(--g) * 38); border-radius:50%; overflow:hidden; background:#1c2d2f;
	box-shadow:0 0 0 calc(var(--g) * 2) rgba(255,214,90,.55), 0 2px 6px rgba(0,0,0,.5); }
.favatar img, .favatar svg{ display:block; width:100%; height:100%; object-fit:cover; }
.frow:not(.win) .favatar{ box-shadow:0 0 0 calc(var(--g) * 2) rgba(255,255,255,.18), 0 2px 6px rgba(0,0,0,.5); }