#gamemode { width:37%;} 
#AdblockAlert {
	display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999;
}
#infous {
	display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 999;
}
#closeBtn {
	float: right;
	right: -15px;
	top: -15px;
	border-radius: 100%;
	background: #444;
	width: 30px;
	height: 30px;
	position: absolute;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	cursor: pointer;
}
#container {
	width: 700px;
height: auto;
min-height: 350px;
background-color: #FFFFFF;
border-radius: 15px;
padding: 5px 15px 15px 15px;
position: absolute;
top: 19%;
left: 25%;
cursor: default;
}
#overlays {
	display:none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 200;
}
#loginform {
	display: none;
}
#leaders {
	min-height: 320px;cursor:default;position:absolute; top:-15px;right:460px;width:325px;background-color:#FFFFFF; border-radius:10px;padding:15px 15px 15px 15px;margin-bottom: 15px;
}
#solreklam {
	position:absolute; top:318px;right:460px;width:325px; background-color:#FFFFFF; border-radius:10px;padding:15px 15px 15px 15px;
}
#sagreklam {
	position:absolute;top:-15px;left:460px;width:325px;  background-color:#fff; border-radius:10px;padding:15px 15px 15px 15px;
}
#lang {
	width: 145px;float:right;
}
#options {
	margin-bottom: 100px;
}
.controls{
position: fixed;
left: 10px;
top: 100px;
width: 160px;
}
.gallery{
margin-top: 10px;
margin-left: 0px;
padding: 0px;
}
.gallery img{
width: 160px;
border-radius:7px;
float: left;
margin-right: 10px;
cursor: pointer;
}
.btn-social{
display: none;
}
#window{
width: 70%;
height: auto;
position: fixed;
left: calc(50% - 35%);
top: 30px;
z-index: 9999;
}
#window img{
width: 100%;
height: auto;
}
#window .btn{
position: absolute;
z-index: 101;
margin-left: 10px;
margin-top: 40px;
}
#minimaps {
	width: 160px;height: 160px;background-color: white; background-image: url('../img/mini.png');background-repeat: no-repeat;background-size: 160px; bottom: 10px;right: 10px;position: fixed;
display:none;
	}
#pointermaps {
	width: 10px;height: 10px;border-radius: 100%;position: relative;
}
.swal2-modal.swal2-show {
	width:650px !important;
}

/* agars.fun premium lobby theme */
body{background:#07111f;font-family:'Ubuntu',Arial,sans-serif}#helloContainer{width:520px!important;padding:0 18px 22px!important;overflow:visible;background:rgba(12,23,40,.94)!important;border:1px solid rgba(116,204,255,.26);border-radius:18px!important;box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.04) inset;color:#eaf5ff}#top-bar{box-sizing:border-box;position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:calc(100% + 36px)!important;height:96px!important;margin:0 -18px 18px!important;padding:16px 22px!important;background:linear-gradient(115deg,#7c3aed 0%,#2563eb 50%,#11b7c9 100%)!important;border-radius:17px 17px 0 0!important;box-shadow:0 10px 24px rgba(24,82,190,.3)}#top-bar h1{margin:0!important;line-height:58px}#top-bar #baslik center{font-size:42px!important;letter-spacing:-.8px;text-shadow:0 3px 14px rgba(0,0,0,.22)}#top-bar img{margin-left:7px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.25)}#helloContainer .nav-tabs{border-bottom:1px solid rgba(160,204,239,.17);padding:0 0 12px;margin-bottom:14px}#helloContainer .nav-tabs>li>a{color:#a8c1d8;border:0;border-radius:9px;margin-right:6px;padding:10px 14px;transition:.18s ease}#helloContainer .nav-tabs>li.active>a,#helloContainer .nav-tabs>li>a:hover{background:rgba(89,178,255,.14);color:#fff}#helloContainer .form-control,#helloContainer select{height:43px;background:rgba(255,255,255,.96);border:1px solid rgba(147,184,216,.35);border-radius:9px;box-shadow:none;color:#162437;font-weight:600}#helloContainer .form-control:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}#helloContainer #nick{width:57%!important;margin-right:3%!important}#helloContainer #gamemode{width:40%!important;margin:0!important;height:43px;border-radius:9px}#helloContainer #skinss{height:43px;margin-top:9px!important;border-radius:9px}#helloContainer .btn{border:0;border-radius:9px;font-weight:700;letter-spacing:.1px;box-shadow:0 5px 12px rgba(0,0,0,.18);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}#helloContainer .btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 8px 18px rgba(0,0,0,.25)}#helloContainer .btn-primary,#helloContainer .btn-play{background:linear-gradient(110deg,#2563eb,#19a8e6)!important}#helloContainer .btn-success{background:linear-gradient(110deg,#10b981,#22c55e)!important}#helloContainer .btn-warning,#helloContainer .btn-spectate{background:linear-gradient(110deg,#f59e0b,#fbbf24)!important;color:#19212d!important}#helloContainer #playBtn,#helloContainer #spectateBtn{height:45px;margin-top:8px}#helloContainer #playBtn{width:59%!important}#helloContainer #spectateBtn{width:39%!important}#leaders,#solreklam,#sagreklam{background:rgba(11,24,42,.9)!important;color:#e7f2fc;border:1px solid rgba(131,183,226,.2);border-radius:15px!important;box-shadow:0 18px 42px rgba(0,0,0,.3);backdrop-filter:blur(10px)}#leaders h3{color:#fff;font-weight:700;margin:4px 0 18px}#leaders table{width:100%;color:#bbd2e7}#solreklam{padding:15px!important}#sagreklam{overflow:hidden}#lang{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#dbeafe!important;border-radius:8px!important}#lang option{color:#162437}@media (max-width:1180px){#leaders,#solreklam,#sagreklam{display:none!important}#helloContainer{transform:translate(-50%,-50%) scale(.92)!important}}@media (max-width:560px){#helloContainer{width:calc(100% - 26px)!important;padding:0 13px 16px!important}#top-bar{width:calc(100% + 26px)!important;margin-left:-13px!important;margin-right:-13px!important}#top-bar #baslik center{font-size:34px!important}#helloContainer #nick,#helloContainer #gamemode,#helloContainer #playBtn,#helloContainer #spectateBtn{width:100%!important;margin:0 0 9px!important;float:none!important}}

/* Keep the side cards clear of the central lobby at desktop widths. */
#leaders, #solreklam { right: 535px !important; }
#sagreklam { left: 545px !important; }

/* Small visual details that make the lobby feel intentional even before ads or scores load. */
#top-bar::after { content: "CANLI  ·  Türkiye sunucusu  ·  Ücretsiz oyna"; position: absolute; left: 24px; bottom: 13px; color: rgba(255,255,255,.82); font: 700 11px/1 Arial,sans-serif; letter-spacing: .35px; }
#leaders .leaders:has(table tr:only-child)::after { content: "İlk skorunu sen yap!"; display: block; margin: 44px 6px 8px; padding: 13px; border: 1px dashed rgba(145,202,242,.28); border-radius: 10px; color: #9fc5e3; text-align: center; font-size: 13px; }
#sagreklam::before { content: "AGARS.FUN  ·  TOPLULUK ALANI"; display: block; padding: 15px 16px 12px; color: #91b5d4; font: 700 11px/1 Arial,sans-serif; letter-spacing: 1px; border-bottom: 1px solid rgba(131,183,226,.14); }
#solreklam h4, #solreklam h3 { color: #eaf5ff !important; }
#solreklam .btn-social { border-radius: 8px !important; margin-bottom: 7px; box-shadow: none; }
#helloContainer #nick::placeholder, #helloContainer #skinss::placeholder { color: #78889b; font-weight: 600; }

/* Repair the legacy lobby geometry: no oversized empty card or overlapping score columns. */
#helloContainer { height: 510px !important; }
#leaders table { table-layout: fixed; border-collapse: separate; border-spacing: 0 7px; }
#leaders table td { position: static !important; padding: 0 6px !important; text-align: left; }
#leaders table td:first-child { width: 16%; text-align: center; }
#leaders table td:nth-child(2) { width: 60%; }
#leaders table td:last-child { width: 24%; text-align: right; }

/* Show useful content instead of a tall blank ad card when no ad is returned. */
#sagreklam:has(ins[data-ad-status="unfilled"]) { height: 320px !important; min-height: 0 !important; }
#sagreklam:has(ins[data-ad-status="unfilled"]) ins { display: none !important; }
#sagreklam:has(ins[data-ad-status="unfilled"])::after { content: "HIZLI BAŞLANGIÇ\A\A1  Oyuncu adını yaz\A2  Sunucunu seç\A3  Oyuna Başla\A\Aİpucu: Küçük hücreleri topla, büyüklerden uzak dur ve doğru anda bölün."; white-space: pre-line; display: block; padding: 22px 20px; color: #c7def1; font: 600 14px/1.75 'Ubuntu',Arial,sans-serif; }

/* Inline SVGs inherit the surrounding button/tab colour and stay sharp at every scale. */
.ui-icon { width: 19px; height: 19px; display: inline-block; vertical-align: -4px; fill: currentColor; }
#helloContainer .nav-tabs .ui-icon { width: 20px; height: 20px; vertical-align: -5px; }
.ui-icon-button { margin-right: 6px; }
/* Community tools */
.party-bar{display:flex;gap:7px;align-items:center;margin:10px 0 6px}.party-bar input{width:112px!important;text-transform:uppercase}.btn-party{background:#7557e8!important;color:#fff!important;border:0}.btn-party-outline{background:transparent!important;border:1px solid #7557e8!important;color:#d9d1ff!important}.party-bar button{padding:8px 9px!important;font-size:12px!important}.party-bar #partyStatus{display:block;font-size:11px;color:#a9c4e8;line-height:1.25}.chat-tool{margin-left:7px;border:1px solid rgba(145,174,213,.5);border-radius:5px;background:#12243a;color:#dceaff;font-size:11px;padding:3px 7px}.chat-report{border-color:#c47878;color:#ffc6c6}
/* Mobile play surface: keep browser gestures off the canvas and expose clear actions. */
#mobileControls{display:none}
@media (max-width:700px),(pointer:coarse){html,body{overscroll-behavior:none;touch-action:manipulation}#canvas{touch-action:none}#mobileControls{display:flex;position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;gap:10px;align-items:flex-end}.mobile-action{width:72px;height:72px;border:2px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;font:700 12px/1.1 'Ubuntu',Arial,sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.35);touch-action:manipulation}.mobile-split{background:linear-gradient(145deg,#ff8b35,#e64946)}.mobile-eject{width:60px;height:60px;background:linear-gradient(145deg,#367df1,#14b8d4)}#chat_textbox{max-width:calc(100vw - 26px)!important;font-size:16px!important}#chat_settings{max-width:calc(100vw - 26px)} }