#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;
}
.profileIdentity{min-width:0;flex:1}.profileIdentity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profileCoins{align-self:flex-start;display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important}.profileCoins>b{padding:4px 7px!important;border-radius:5px!important;background:#aeb4bd!important;color:#fff!important;font-size:11px!important;line-height:1!important}.profileCoins button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:linear-gradient(145deg,#4bcf72,#1fa64d);color:#fff;font-size:21px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 9px rgba(30,142,69,.24)}#profileCard .profileLevel{position:relative!important;display:flex!important;align-items:center!important;gap:5px!important;height:38px!important;margin:11px 0 9px!important;padding:0 3px!important;border:0!important;background:transparent!important}.profileLevelStar,.profileXpBadge{position:relative;z-index:2;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;color:#594000!important;font-size:15px!important;font-weight:900!important;text-shadow:0 1px #fff!important;clip-path:polygon(50% 0,61% 32%,96% 34%,69% 55%,78% 91%,50% 71%,22% 91%,31% 55%,4% 34%,39% 32%)!important;background:linear-gradient(145deg,#ffe56b,#ffad0b)!important;filter:drop-shadow(0 3px 3px rgba(151,92,0,.28))!important}.profileXpBadge{flex-basis:47px!important;width:47px!important;height:47px!important;font-size:12px!important;background:linear-gradient(145deg,#ffd94d,#f59a08)!important}.profileXpBadge small{display:block;margin-top:-14px;font-size:8px!important}.profileXpTrack{position:relative;z-index:1;flex:1;height:30px;margin:0 -9px;border:2px solid #49aa31;border-radius:7px;background:#eef4f7;overflow:hidden}.profileXpTrack i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#39c80f,#68da16);box-shadow:inset 0 1px rgba(255,255,255,.38);transition:width .3s ease}.profileXpTrack b{position:absolute;inset:0;display:grid!important;place-items:center!important;color:#203619!important;font-size:11px!important;text-shadow:0 1px rgba(255,255,255,.7)!important}
#profileCard .profileGoogle{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:38px!important;margin:4px 0 8px!important;padding:0 12px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;box-shadow:0 4px 10px rgba(35,58,88,.1)!important;color:#3c4756!important;font-size:12px!important;font-weight:700!important}.profileGoogle .google-signin-mark{display:inline-block!important;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 43%,#fbbc05 0 68%,#ea4335 0 83%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-size:20px!important}.profileGoogle:hover{border-color:#9eb2cc!important;background:#f8fbff!important;box-shadow:0 7px 15px rgba(35,58,88,.15)!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; }
.siteTagline{position:absolute;left:20px;right:20px;bottom:12px;display:block;overflow:hidden;color:rgba(255,255,255,.84);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.25px;text-align:left;text-overflow:ellipsis;white-space:nowrap}
#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; }

/* Public, page-presence counter. The card deliberately stays clear of game controls. */
#hitWidget{position:fixed;z-index:4;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(125,211,252,.28);border-radius:999px;background:rgba(7,17,31,.88);box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#dceeff;font:600 12px/1 Arial,sans-serif;pointer-events:none}#hitWidget strong{color:#91b5d4;font-weight:700}#hitWidget b{color:#fff;font-size:13px}#hitWidget i{width:1px;height:16px;background:rgba(174,214,241,.25)}.hitWidgetPulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.55);animation:hitPulse 1.8s infinite}@keyframes hitPulse{70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}@media(max-width:560px){#hitWidget{right:10px;bottom:9px;padding:8px 10px;font-size:11px}}
#scriptWhatsapp{position:fixed;z-index:5;left:-330px;bottom:-88px;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(116,255,186,.42);border-radius:12px;background:linear-gradient(125deg,#128c7e,#25d366);box-shadow:0 9px 25px rgba(0,0,0,.32);color:#fff;text-decoration:none;font-family:'Ubuntu',Arial,sans-serif;transition:transform .16s ease,filter .16s ease}#scriptWhatsapp:hover,#scriptWhatsapp:focus{color:#fff;text-decoration:none;transform:translateY(-2px);filter:brightness(1.08)}#scriptWhatsapp svg{width:25px;height:25px;fill:currentColor;flex:0 0 auto}#scriptWhatsapp span{display:flex;flex-direction:column;line-height:1.2}#scriptWhatsapp strong{font-size:12px}#scriptWhatsapp small{margin-top:2px;font-size:10px;color:rgba(255,255,255,.88)}@media(max-width:560px){#scriptWhatsapp{left:50%;bottom:-70px;padding:8px 10px;border-radius:10px;transform:translateX(-50%)}#scriptWhatsapp:hover,#scriptWhatsapp:focus{transform:translateX(-50%) translateY(-2px)}#scriptWhatsapp small{display:none}#scriptWhatsapp strong{font-size:11px}#scriptWhatsapp svg{width:22px;height:22px}}

/* 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\A 1  Oyuncu adını yaz\A 2  Sunucunu seç\A 3  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)} }

/* Official-style Google entry point in the legacy account modal. */
.google-signin-button{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;margin:13px 0 3px;padding:10px 12px;border:1px solid #c9cdd3;border-radius:5px;background:#fff;color:#3c4043!important;font:600 14px/20px Arial,sans-serif;text-decoration:none!important}.google-signin-button:hover{background:#f8faff;border-color:#aab0b8;color:#202124!important}.google-signin-mark{font:700 21px/20px Arial,sans-serif;color:#4285f4}

/* Lobby V2: ad placements and a deliberate admin entry point. */
.adPlaceholder{display:flex;min-height:245px;box-sizing:border-box;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px dashed rgba(125,211,252,.3);border-radius:11px;background:linear-gradient(140deg,rgba(42,91,133,.22),rgba(8,18,33,.12));color:#b9d6ec;text-align:center}.adPlaceholder b{padding:4px 8px;border-radius:5px;background:#1b4060;color:#fff;font:800 10px/1 Arial,sans-serif;letter-spacing:1px}.adPlaceholder span{font-size:12px}.lobbyAdminLink{position:absolute;right:103px;bottom:12px;padding:4px 8px;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff!important;font:700 11px/1 Arial,sans-serif;text-decoration:none!important;background:rgba(0,0,0,.12)}.lobbyAdminLink:hover{background:rgba(255,255,255,.18)}

/* Three-column lobby: an original card system inspired by arcade dashboards. */
#lobbyPromo{position:fixed;z-index:5;top:18px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;box-sizing:border-box;width:min(1000px,calc(100vw - 34px));padding:10px 18px;border-radius:12px;background:linear-gradient(105deg,#086b98,#0a9bc7);box-shadow:0 9px 24px rgba(0,0,0,.25);color:#fff;font:700 13px/1 Arial,sans-serif}#lobbyPromo span{opacity:.85;letter-spacing:.5px}#helloContainer{width:395px!important;height:525px!important;padding:0 16px 18px!important;background:#f9fbff!important;border:0!important;border-radius:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.42)!important;color:#24354a!important}#top-bar{width:calc(100% + 32px)!important;height:112px!important;margin:0 -16px 15px!important;padding:15px 19px!important;background:linear-gradient(125deg,#503bd9,#3786e8 55%,#13b7be)!important;border-radius:18px 18px 0 0!important}#top-bar::after{content:"CANLI · Türkiye sunucusu · Ücretsiz oyna"!important;left:20px!important;bottom:13px!important}#helloContainer .nav-tabs{padding-bottom:9px!important;margin-bottom:10px!important;border-color:#d9e2ed!important}#helloContainer .nav-tabs>li>a{color:#4b6077!important;padding:8px 10px!important}#helloContainer .nav-tabs>li.active>a,#helloContainer .nav-tabs>li>a:hover{background:#eaf3ff!important;color:#1d63c8!important}#helloContainer .form-control,#helloContainer select{border-color:#cfdae7!important;background:#fff!important;color:#25364a!important}#skinAnnouncement{color:#4a3b13!important;background:#fff6d8!important;border-color:#f1cf63!important}#helloContainer .btn-success{background:#26733a!important}#helloContainer .btn-primary,#helloContainer .btn-play{background:#256ed5!important}#helloContainer .btn-warning,#helloContainer .btn-spectate{background:#ffb719!important}.lobbyAdminLink{right:99px!important;bottom:11px!important}
#profileCard{position:absolute;z-index:2;top:0;right:calc(100% + 24px);width:300px;box-sizing:border-box;padding:17px;border-radius:17px;background:#f9fbff;color:#26364a;box-shadow:0 18px 42px rgba(0,0,0,.33)}.profileTop{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #dce6ef}.profileAvatar{display:grid;place-items:center;width:48px;height:48px;border:3px solid #6a7789;border-radius:50%;background:#e7edf5;color:#4b5667;font-size:28px}.profileTop b{display:block;font-size:19px}.profileTop small{display:block;margin-top:2px;color:#718197;font-size:12px}.profileLevel{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;padding:10px;border:2px solid #79c65b;border-radius:8px;background:#f4fff0;font-size:12px}.profileLevel span{color:#4c7540;font-weight:800}.profileLevel b{color:#3f5266}.profileButton{display:flex;align-items:center;justify-content:center;min-height:40px;margin:8px 0;border-radius:8px;color:#fff!important;font-weight:800;text-decoration:none!important}.profileLogin,.profilePlay{background:#286e38}.profileGoogle{gap:9px;border:1px solid #cad4de;color:#3c4856!important;background:#fff}.profileGoogle span{font-size:20px;color:#4285f4}.profileLogout{background:#be4040}.profileHint{margin-top:13px;color:#718197;font-size:12px;line-height:1.4;text-align:center}
#leaders{top:0!important;right:auto!important;left:calc(100% + 24px);width:300px!important;min-height:0!important;box-sizing:border-box;padding:16px!important;background:#f9fbff!important;color:#26364a!important;border:0!important;border-radius:17px!important;box-shadow:0 18px 42px rgba(0,0,0,.33)!important}#leaders h3{margin:3px 0 13px!important;color:#24354a!important}#leaders table{color:#40536a!important}#leaders table tr:first-child{color:#61768d}#leaders table tr{border-bottom:1px solid #e6edf4}#solreklam{top:305px!important;right:calc(100% + 24px)!important;width:300px!important;box-sizing:border-box;padding:10px!important;background:#f9fbff!important;border:0!important;box-shadow:0 18px 42px rgba(0,0,0,.33)!important}#sagreklam{top:330px!important;left:calc(100% + 24px)!important;width:300px!important;box-sizing:border-box;padding:10px!important;background:#f9fbff!important;border:0!important;box-shadow:0 18px 42px rgba(0,0,0,.33)!important}#sagreklam::before{display:none!important}.adPlaceholder{min-height:205px;background:linear-gradient(145deg,#eaf5fc,#c2e9fa)!important;border-color:#8bcceb!important;color:#31617c!important}.adPlaceholder b{background:#1d88b9!important}.lobbyAdminLink{z-index:3}
@media(max-width:1120px){#profileCard,#leaders,#solreklam,#sagreklam{display:none!important}#lobbyPromo{top:10px}#helloContainer{transform:translate(-50%,-50%) scale(.9)!important}}@media(max-width:560px){#lobbyPromo{top:8px;padding:9px 12px;font-size:10px}#lobbyPromo strong{display:none}#helloContainer{height:515px!important}#top-bar{height:105px!important}}

/* The reference layout is a desktop three-column lobby. Keep it intact down to
   compact laptop widths; only phones collapse to the single central card. */
@media (min-width:881px) and (max-width:1180px){#profileCard,#leaders,#solreklam,#sagreklam{display:block!important}#helloContainer{width:330px!important;padding-left:10px!important;padding-right:10px!important;transform:translate(-50%,-50%) scale(1)!important}#top-bar{width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important}#profileCard,#leaders{width:310px!important;top:0!important}#solreklam{width:310px!important;top:307px!important}#sagreklam{width:310px!important;top:330px!important}#profileCard,#solreklam{right:calc(100% + 10px)!important}#leaders,#sagreklam{left:calc(100% + 10px)!important}#lobbyPromo{top:13px}}

/* Replace the legacy empty gap below the logo with a useful premium lobby cue. */
.lobbyWelcome{margin:2px 0 12px;padding:10px 12px;border:1px solid #dbe5ef;border-radius:10px;background:linear-gradient(120deg,#f5f9ff,#edf7ff);color:#24354a}.lobbyWelcome b{display:block;font-size:15px;line-height:1.1}.lobbyWelcome span{display:block;margin-top:4px;color:#6a7e92;font-size:11px;line-height:1.25}

/* The legacy form used floats and inline widths. Contain every control in the
   central card so fields cannot escape into the side cards. */
#helloContainer #loginscreen{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}#helloContainer #loginscreen>#locationUnknown,#helloContainer #loginscreen>.text-muted{display:none}#helloContainer #skinAnnouncement,#helloContainer .lobbyGoogleButton{flex:0 0 100%;margin-bottom:0}#helloContainer #loginscreen>.form-group:first-of-type{flex:1 1 calc(50% - 4px);margin:0!important}#helloContainer #loginscreen>.form-group:first-of-type>div{height:100%}#helloContainer #gamemode{flex:1 1 calc(50% - 4px);width:auto!important;height:43px!important;margin:0!important;padding:6px 9px!important;float:none!important;min-width:0}#helloContainer #loginscreen>br{display:none}#helloContainer #loginscreen>.form-group[style]{display:flex!important;flex:0 0 100%;align-items:center;gap:7px;width:100%!important;margin:0!important;float:none!important}#helloContainer #nick{width:100%!important;height:43px!important;margin:0!important;float:none!important}#helloContainer #skinss{box-sizing:border-box;flex:1 1 auto;width:auto!important;height:42px!important;margin:0!important;min-width:0}#helloContainer #skinss+.btn{flex:0 0 88px;height:42px;padding:11px 5px!important;margin:0!important;white-space:nowrap}#helloContainer #playBtn{flex:1 1 calc(60% - 4px);width:auto!important;height:45px!important;margin:0!important;float:none!important}#helloContainer #mainform{display:flex;flex:1 1 calc(40% - 4px);margin:0!important}#helloContainer #spectateBtn{width:100%!important;height:45px!important;margin:0!important;float:none!important}#helloContainer #locationKnown{display:none}

/* Actual legacy markup keeps nick, room, skin and play actions in one wrapper. */
#helloContainer>#wrapper{margin-top:0!important}#helloContainer>br{display:none}#helloContainer #loginscreen>.form-group:first-of-type{display:flex!important;flex:0 0 100%;flex-wrap:wrap;gap:8px;align-items:stretch}#helloContainer #loginscreen>.form-group:first-of-type>div:first-child{flex:1 1 calc(50% - 4px);min-width:0}#helloContainer #loginscreen>.form-group:first-of-type>div[style]{display:flex!important;flex:0 0 100%;align-items:center;gap:7px;width:100%!important;margin:0!important;float:none!important}#helloContainer #loginscreen>.form-group:first-of-type>#gamemode{flex:1 1 calc(50% - 4px)}#helloContainer #loginscreen>.form-group:first-of-type>#playBtn{flex:1 1 calc(60% - 4px)}#helloContainer #loginscreen>.form-group:first-of-type>#mainform{display:flex;flex:1 1 calc(40% - 4px);margin:0!important}

/* Primary account action: legible on both the bright central card and mobile. */
.lobbyGoogleButton{position:relative;display:flex;align-items:center;gap:13px;box-sizing:border-box;width:100%;min-height:58px;margin:0 0 11px;padding:9px 15px;border:1px solid #d7e0ec;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:#1f2b3d!important;box-shadow:0 7px 18px rgba(29,52,84,.11),inset 0 1px 0 #fff;font-family:'Ubuntu',Arial,sans-serif;text-align:left;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.lobbyGoogleButton:hover,.lobbyGoogleButton:focus{transform:translateY(-1px);border-color:#a9c8f4;background:linear-gradient(180deg,#fff,#f2f7ff);color:#152238!important;box-shadow:0 11px 24px rgba(34,91,171,.18),0 0 0 3px rgba(66,133,244,.08);outline:0}.lobbyGoogleButton:active{transform:translateY(0);box-shadow:0 4px 10px rgba(29,52,84,.13)}.lobbyGoogleIcon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;box-shadow:0 3px 8px rgba(28,49,76,.08)}.lobbyGoogleIcon svg{display:block;width:22px;height:22px}.lobbyGoogleText{display:flex;min-width:0;flex:1;flex-direction:column}.lobbyGoogleText strong{color:#26364a;font-size:14px;line-height:1.2}.lobbyGoogleText small{margin-top:3px;color:#7a899b;font-size:10px;line-height:1.2}.lobbyGoogleArrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf2ff;color:#3478df;font:700 22px/20px Arial,sans-serif;transition:transform .16s ease}.lobbyGoogleButton:hover .lobbyGoogleArrow{transform:translateX(2px)}

/* The browser flattens this legacy form, so lay out the live controls directly. */
#helloContainer{height:auto!important;min-height:0!important}#helloContainer #loginscreen{display:grid!important;grid-template-columns:minmax(0,1fr) 118px;gap:8px;align-items:stretch}#helloContainer #loginscreen>#skinAnnouncement,#helloContainer #loginscreen>.lobbyGoogleButton{grid-column:1/-1}#helloContainer #loginscreen>#nick{grid-column:1;width:100%!important;box-sizing:border-box}#helloContainer #loginscreen>#gamemode{grid-column:2;width:100%!important;box-sizing:border-box}#helloContainer #loginscreen>#skinss{grid-column:1;width:100%!important;box-sizing:border-box}#helloContainer #loginscreen>#skinss+.btn{grid-column:2;width:100%!important;box-sizing:border-box;height:42px;margin:0!important;padding:10px 4px!important}#helloContainer #loginscreen>#playBtn{grid-column:1;width:100%!important;box-sizing:border-box}#helloContainer #loginscreen>#mainform{grid-column:2;display:block!important;width:100%!important;margin:0!important}#helloContainer #loginscreen>#mainform>#spectateBtn{width:100%!important;height:45px!important;margin:0!important}

/* Safe rollback of the unfinished lobby experiment: preserve the working game form. */
#helloContainer{width:520px!important;height:510px!important;min-height:0!important;padding:0 18px 22px!important;background:rgba(12,23,40,.94)!important;border:1px solid rgba(116,204,255,.26)!important;border-radius:18px!important;color:#eaf5ff!important}#top-bar{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}#leaders,#solreklam,#sagreklam{background:rgba(11,24,42,.9)!important;color:#e7f2fc!important;border:1px solid rgba(131,183,226,.2)!important;border-radius:15px!important}#leaders,#solreklam{right:535px!important;left:auto!important}#sagreklam{left:545px!important;right:auto!important}#leaders{top:-15px!important;width:325px!important;min-height:320px!important}#solreklam{top:318px!important;width:325px!important}#sagreklam{top:-15px!important;width:325px!important}#helloContainer #loginscreen{display:block!important}#helloContainer #nick{width:57%!important;margin-right:3%!important;float:left!important}#helloContainer #gamemode{width:40%!important;margin:0!important;float:left!important}#helloContainer #skinss{width:55%!important;margin:5px 0 5px!important;display:inline-block!important}#helloContainer #skinss+.btn{width:auto!important;height:auto!important;margin:0!important;padding:6px 12px!important}#helloContainer #playBtn{width:59%!important;margin-top:8px!important;float:left!important}#helloContainer #mainform{display:block!important;width:auto!important;margin:0!important;float:none!important}#helloContainer #spectateBtn{width:39%!important;margin-top:8px!important;float:right!important}@media(max-width:1180px){#leaders,#solreklam,#sagreklam{display:none!important}#helloContainer{transform:translate(-50%,-50%) scale(.92)!important}}

/* Full-screen maintenance gate. Existing websocket clients remain connected. */
#maintenanceOverlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(4,12,24,.86);backdrop-filter:blur(8px);color:#ecf7ff;text-align:center;font-family:'Ubuntu',Arial,sans-serif}#maintenanceOverlay section{max-width:430px;padding:38px 34px;border:1px solid rgba(120,209,255,.32);border-radius:22px;background:linear-gradient(145deg,#102945,#091525);box-shadow:0 28px 80px #0008}#maintenanceOverlay h1{margin:14px 0 9px;font-size:28px}#maintenanceOverlay p{margin:0;color:#b8d1e6;line-height:1.55}#maintenanceOverlay strong{display:block;margin:24px 0 10px;color:#fff;font:800 42px/1 'Ubuntu',Arial,sans-serif;letter-spacing:2px}#maintenanceOverlay small{color:#82b9dc}.maintenanceBadge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f59e0b;color:#1c2734;font:800 11px/1 Arial,sans-serif;letter-spacing:1px}
.maintenanceAdminLogin{display:inline-block;margin-top:20px;color:#aee7ff;font-size:13px;text-decoration:underline}

/* Screenshot shortcut is not part of the public lobby. */
#screenshot{display:none!important}
/* Retired Google +1 widget. */
.g-plusone,div[id^="___plusone_"],iframe[src*="plusone"]{display:none!important}
/* Desktop lobby: a deliberately small, fixed three-card layout.  These rules
   supersede the experimental overrides above and keep form controls in grid
   cells so no action can spill outside a card. */
body{background-color:#05080d!important;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:28px 28px!important}
#helloContainer{position:absolute!important;left:50%!important;top:82px!important;transform:translateX(-50%)!important;width:370px!important;height:auto!important;min-height:0!important;padding:0 14px 18px!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 22px 60px rgba(0,0,0,.48)!important;color:#263548!important}
#lobbyPromo{position:fixed!important;z-index:12!important;left:50%!important;top:-56px!important;transform:translateX(-50%)!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;align-items:center!important;width:1012px!important;height:34px!important;padding:0 22px!important;border-radius:12px!important;background:linear-gradient(90deg,#00688c,#098db9)!important;box-shadow:0 8px 22px rgba(0,0,0,.3)!important;color:#fff!important;font:700 12px/1 Arial,sans-serif!important;letter-spacing:.15px!important}
#lobbyPromo span{font-weight:600!important;opacity:.94!important}
#top-bar{box-sizing:border-box!important;width:calc(100% + 28px)!important;height:102px!important;margin:0 -14px 14px!important;padding:14px 16px!important;border-radius:18px 18px 0 0!important;background:linear-gradient(120deg,#5a3de3,#2588e5 57%,#13bec3)!important}
#top-bar #baslik center{font-size:39px!important;line-height:52px!important}.nav-tabs{display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0 0 10px!important;border-bottom:1px solid #dce5ee!important}.nav-tabs>li{float:none!important}.nav-tabs>li>a{padding:8px 10px!important;margin:0!important}.nav-tabs #lang{margin-left:auto!important;width:125px!important;height:36px!important;color:#27384b!important;background:#fff!important;border:1px solid #cfdae7!important}
#helloContainer #loginscreen>.form-group:first-of-type{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;gap:8px!important;margin:12px 0 0!important}#helloContainer #loginscreen>.form-group:first-of-type>div:first-child{min-width:0!important}#helloContainer #nick,#helloContainer #gamemode{box-sizing:border-box!important;width:100%!important;height:43px!important;margin:0!important;float:none!important}#helloContainer #loginscreen>.form-group:first-of-type>div[style]{display:grid!important;grid-column:1 / -1!important;grid-template-columns:minmax(0,1fr) 105px!important;gap:8px!important;width:100%!important;margin:0!important;float:none!important}#helloContainer #skinss{box-sizing:border-box!important;width:100%!important;height:42px!important;margin:0!important}#helloContainer #skinss+.btn{box-sizing:border-box!important;width:105px!important;height:42px!important;margin:0!important;padding:0!important;line-height:42px!important}
#helloContainer #playBtn,#helloContainer #spectateBtn{box-sizing:border-box!important;height:46px!important;margin:10px 0 0!important;float:none!important}#helloContainer #playBtn{width:62%!important}#helloContainer #mainform{display:inline!important;width:auto!important;margin:0!important}#helloContainer #spectateBtn{width:36%!important;margin-left:2%!important}
#skinAnnouncement{box-sizing:border-box!important;margin:8px 0 0!important;padding:9px!important;color:#654b12!important;background:#fff5d4!important;border:1px solid #edc95a!important;border-radius:9px!important;font-size:11px!important}.skinAnnouncementLabel{margin-right:7px!important}
#profileCard,#leaders{position:absolute!important;top:0!important;box-sizing:border-box!important;width:318px!important;min-height:0!important;padding:14px!important;background:#fff!important;border:0!important;border-radius:17px!important;box-shadow:0 18px 42px rgba(0,0,0,.38)!important;color:#29374a!important}#profileCard{right:calc(100% + 22px)!important;left:auto!important}#leaders{left:calc(100% + 22px)!important;right:auto!important;height:254px!important}#leaders h3{margin:3px 0 14px!important;color:#263548!important;font-size:20px!important}#leaders table{color:#405269!important;font-size:13px!important}#leaders table td{padding:4px 6px!important}
.profileHead{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:10px!important;border-bottom:1px solid #e2e9f0!important}.profileAvatar{display:grid!important;place-items:center!important;width:45px!important;height:45px!important;border:3px solid #71839a!important;border-radius:50%!important;color:#71839a!important;font-size:30px!important}.profileHead b,.profileHead small{display:block!important}.profileHead small{margin-top:3px!important;color:#71839a!important;font-size:11px!important}.profileLevel{display:flex!important;justify-content:space-between!important;margin:12px 0 9px!important;padding:10px!important;border:2px solid #65c65a!important;border-radius:8px!important;background:#f4fff2!important;color:#396e36!important;font-size:11px!important}.profileLogin,.profileShop{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;font-weight:700!important}.profileLogin{margin:0 0 8px!important;background:#247236!important;color:#fff!important}.profileGoogle{margin:0 0 9px!important;padding:9px!important;font-size:13px!important}.profileShop{padding:11px!important;border-radius:8px!important;background:#8d6200!important;color:#fff!important;text-decoration:none!important}
#solreklam,#sagreklam{position:absolute!important;top:272px!important;box-sizing:border-box!important;width:318px!important;min-height:245px!important;padding:9px!important;background:#fff!important;border:0!important;border-radius:17px!important;box-shadow:0 18px 42px rgba(0,0,0,.38)!important;overflow:hidden!important}#solreklam{right:calc(100% + 22px)!important;left:auto!important}#sagreklam{left:calc(100% + 22px)!important;right:auto!important}.adPlaceholder{min-height:220px!important}
#scriptWhatsapp{left:18px!important;bottom:18px!important;z-index:20!important}#hitWidget{right:18px!important;bottom:18px!important;z-index:20!important}
@media(max-width:1100px){#lobbyPromo{width:calc(100vw - 30px)!important}#profileCard,#leaders,#solreklam,#sagreklam{display:none!important}#helloContainer{top:75px!important}}@media(max-width:500px){#lobbyPromo{display:none!important}#helloContainer{top:18px!important;width:calc(100vw - 24px)!important}.nav-tabs #lang{width:104px!important}#helloContainer #loginscreen>.form-group:first-of-type,#helloContainer #loginscreen>.form-group:first-of-type>div[style]{grid-template-columns:1fr!important}#helloContainer #playBtn,#helloContainer #spectateBtn{width:100%!important;margin-left:0!important}}
/* Keep the lobby compact: legacy tabs must never stretch the central card. */
#helloContainer{height:590px!important;min-height:590px!important;overflow:hidden!important}
#helloContainer>.tab-content,#helloContainer>.tab-content>.tab-pane.active,#helloContainer #home{min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
#solreklam,#sagreklam{display:block!important;height:245px!important;min-height:245px!important}
#solreklam:has(ins[data-ad-status="unfilled"])::after,#sagreklam:has(ins[data-ad-status="unfilled"])::after{display:none!important}
/* On narrow screens, never throw away lobby content.  The three desktop
   columns become independent, readable cards in a vertical sequence. */
@media(max-width:1100px){
  html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important}
  #helloContainer{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:min(370px,calc(100vw - 24px))!important;height:auto!important;min-height:0!important;margin:62px auto 28px!important;padding:0 14px 18px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;background:#fff!important}
  #lobbyPromo{position:fixed!important;top:14px!important;width:calc(100vw - 24px)!important;max-width:620px!important}
  #top-bar{order:1!important}.profileCard{order:2!important}
  #wrapper{order:3!important}.tab-content{order:4!important}
  #leaders{order:5!important}#solreklam{order:6!important}#sagreklam{order:7!important}
  #profileCard,#leaders,#solreklam,#sagreklam{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:14px 0 0!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
  #leaders{height:254px!important}#solreklam,#sagreklam{height:245px!important;min-height:245px!important}
}
/* Desktop lobby composition: three compact cards and only two ad slots below
   the side cards.  It intentionally does not inherit the old game-overlay UI. */
@media(min-width:1101px){
  body{background-color:#050608!important;background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:28px 28px!important}
  #lobbyPromo{display:none!important}
  #helloContainer{position:absolute!important;top:24px!important;left:50%!important;transform:translateX(-50%)!important;width:330px!important;height:560px!important;min-height:560px!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border-radius:17px!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}
  #top-bar{position:relative!important;width:100%!important;height:128px!important;margin:0!important;padding:17px 14px 0!important;background:#fff!important;border-radius:17px 17px 0 0!important;box-shadow:none!important;color:#1f2b3a!important}
  #top-bar>div:first-child{float:none!important;margin:42px 0 0!important;text-align:center!important}#top-bar h1{margin:0!important;line-height:1!important}#top-bar #baslik center{color:#243246!important;font-family:'Ubuntu',Arial,sans-serif!important;font-size:30px!important;font-weight:800!important;letter-spacing:-1px!important;text-shadow:none!important}#top-bar #baslik font{color:#243246!important}
  #top-bar>div:nth-child(2){position:absolute!important;top:18px!important;right:14px!important;line-height:1!important}#top-bar>div:nth-child(2) .fb-like{display:none!important}#top-bar::before{content:'Güncellemeler'!important;position:absolute!important;top:20px!important;left:18px!important;color:#263548!important;font:400 20px/1 Arial,sans-serif!important}#top-bar::after{content:'Klan   ⚙'!important;position:absolute!important;top:20px!important;right:16px!important;left:auto!important;bottom:auto!important;color:#263548!important;background:none!important;font:400 20px/1 Arial,sans-serif!important}
  .siteTagline{left:18px!important;right:18px!important;bottom:8px!important;color:#75869a!important;font-size:10px!important;text-align:center!important}
  #profileCard,#leaders{top:0!important;width:320px!important;min-height:0!important;background:#fff!important;border-radius:17px!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}#profileCard{right:calc(100% + 10px)!important;left:auto!important;height:274px!important;padding:14px!important}#leaders{left:calc(100% + 10px)!important;right:auto!important;height:274px!important;padding:13px!important}
  .profileHead{padding:0 0 9px!important}.profileAvatar{width:44px!important;height:44px!important}.profileLevel{margin:8px 0!important;padding:8px!important}.profileLogin{display:none!important}.profileGoogle{display:none!important}.profileShop{margin-top:8px!important;padding:10px!important;background:#1b57c9!important}.profileShop::before{content:'🪙 '!important}
  #leaders h3{margin:1px 0 12px!important;font-size:17px!important}#leaders table{font-size:13px!important}#leaders table td{padding:3px 5px!important}
  #solreklam,#sagreklam{top:286px!important;width:320px!important;height:274px!important;min-height:274px!important;padding:8px!important;background:#fff!important;border-radius:17px!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important}#solreklam{right:calc(100% + 10px)!important;left:auto!important}#sagreklam{left:calc(100% + 10px)!important;right:auto!important}.adPlaceholder{min-height:258px!important;border:1px dashed #7ac9ea!important;border-radius:12px!important;background:linear-gradient(145deg,#eaf7ff,#d8f2ff)!important;color:#28617d!important}.adPlaceholder b{background:#1687b8!important}
  #helloContainer>#wrapper{margin:0 14px!important}#helloContainer .nav-tabs{height:40px!important;margin:0!important;padding:0 0 7px!important;border-bottom:1px solid #dde5ed!important}.nav-tabs>li>a{padding:8px 8px!important}.nav-tabs #lang{width:116px!important;height:34px!important}
  #helloContainer .tab-content{margin:0 14px!important}#helloContainer #home{padding-top:8px!important}#skinAnnouncement{margin:0 0 8px!important}.lobbyWelcome{display:none!important}
  #helloContainer #loginscreen>.form-group:first-of-type{margin-top:8px!important}#helloContainer #playBtn,#helloContainer #spectateBtn{height:41px!important;margin-top:8px!important}#helloContainer #skinss,#helloContainer #gamemode,#helloContainer #nick{height:39px!important}
  #scriptWhatsapp{left:18px!important;bottom:18px!important}#hitWidget{right:18px!important;bottom:18px!important}
}

/* Premium primary/secondary game actions */
#helloContainer #playBtn,
#helloContainer #spectateBtn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  height:48px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.15px!important;
  line-height:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
  transform:translateZ(0)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
#helloContainer #playBtn::before,
#helloContainer #spectateBtn::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 46%)!important;
}
#helloContainer #playBtn{
  border-color:#1455bd!important;
  background:linear-gradient(135deg,#4389f4 0%,#1f67d7 55%,#174fb7 100%)!important;
  box-shadow:0 9px 20px rgba(27,91,199,.32),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(5,44,119,.2)!important;
  color:#fff!important;
}
#helloContainer #spectateBtn{
  border-color:#d88b00!important;
  background:linear-gradient(135deg,#ffd05a 0%,#ffb316 58%,#ed9300 100%)!important;
  box-shadow:0 9px 20px rgba(222,143,0,.27),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -2px 0 rgba(157,88,0,.18)!important;
  color:#2e240d!important;
  text-shadow:0 1px 0 rgba(255,255,255,.4)!important;
}
#helloContainer #playBtn .ui-icon-button,
#helloContainer #spectateBtn .ui-icon-button{
  position:relative!important;
  z-index:1!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important;
}
#helloContainer #playBtn:hover,
#helloContainer #spectateBtn:hover{
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.04)!important;
}
#helloContainer #playBtn:active,
#helloContainer #spectateBtn:active{
  transform:translateY(1px) scale(.99)!important;
  filter:brightness(.97)!important;
  box-shadow:0 3px 8px rgba(19,50,94,.22),inset 0 2px 5px rgba(0,0,0,.12)!important;
}
#helloContainer #playBtn:focus-visible,
#helloContainer #spectateBtn:focus-visible{
  outline:3px solid rgba(72,173,255,.48)!important;
  outline-offset:3px!important;
}
#helloContainer #playBtn:disabled,
#helloContainer #spectateBtn:disabled,
#helloContainer #playBtn.disabled,
#helloContainer #spectateBtn.disabled{
  cursor:not-allowed!important;
  filter:grayscale(.45)!important;
  opacity:.62!important;
  transform:none!important;
}
@media(max-width:560px){
  #helloContainer #playBtn,#helloContainer #spectateBtn{width:100%!important;height:48px!important;margin:7px 0 0!important;float:none!important}
}
.shopImageFallback{object-fit:contain!important;padding:16px!important;background:linear-gradient(145deg,#edf4ff,#d9e8ff)!important}

/* Centered in-game shop window */
.coinShopModal{
  inset:50% auto auto 50%!important;
  width:min(1120px,calc(100vw - 48px))!important;
  height:min(740px,calc(100vh - 70px))!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(117,153,220,.42)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 0 0 100vmax rgba(2,8,18,.76),0 30px 90px rgba(0,0,0,.55)!important;
}
.coinShopHeader{
  height:56px!important;
  flex-basis:56px!important;
  padding:0 18px 0 22px!important;
}
.coinShopBody{
  min-height:0!important;
  padding:30px 32px 32px!important;
  overflow:hidden!important;
}
.coinShopNav{max-height:100%!important;overflow-y:auto!important}
.coinShopContent{min-height:0!important;overflow:hidden!important}
.coinShopPanel{
  grid-template-columns:repeat(4,minmax(145px,1fr))!important;
  align-content:start!important;
  max-height:calc(100% - 75px)!important;
  overflow-y:auto!important;
  padding:24px 8px 24px 0!important;
  scrollbar-color:#6482d5 #e5eaf4!important;
  scrollbar-width:thin!important;
}
.coinShopPanel::-webkit-scrollbar{width:7px!important}.coinShopPanel::-webkit-scrollbar-track{background:#e5eaf4!important;border-radius:10px!important}.coinShopPanel::-webkit-scrollbar-thumb{background:#6482d5!important;border-radius:10px!important}
.shopSkin{min-height:225px!important;justify-content:flex-start!important;background:linear-gradient(160deg,#f8fbff,#eaf3ff)!important}
.shopSkin img{width:104px!important;height:104px!important;box-shadow:0 7px 18px rgba(40,82,146,.17)!important}
.shopSkin button{margin-top:auto!important}
@media(max-width:920px){
  .coinShopModal{width:calc(100vw - 26px)!important;height:calc(100vh - 32px)!important}
  .coinShopBody{grid-template-columns:165px minmax(0,1fr)!important;padding:18px!important}
  .coinShopPanel{grid-template-columns:repeat(3,minmax(135px,1fr))!important}
}
@media(max-width:760px){
  .coinShopModal{width:calc(100vw - 16px)!important;height:calc(100vh - 18px)!important;border-radius:12px!important}
  .coinShopBody{display:flex!important;flex-direction:column!important;padding:10px!important}
  .coinShopNav{flex:0 0 auto!important;max-height:none!important}
  .coinShopContent{flex:1!important}
  .coinShopPanel{grid-template-columns:repeat(2,minmax(125px,1fr))!important;max-height:calc(100% - 58px)!important;padding-top:14px!important}
  .shopSkin{min-height:205px!important}.shopSkin img{width:82px!important;height:82px!important}
}
@media(max-width:430px){.coinShopPanel{grid-template-columns:1fr!important}.coinShopHeader>strong{font-size:18px!important}.coinShopBalance>span{min-width:62px!important}}
.transferBox{grid-column:1/-1;max-width:720px;width:100%;margin:0 auto;padding:22px;border:1px solid #d1deef;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(35,72,126,.12)}.transferBox h2{margin:8px 0 16px}.transferBack{padding:7px 10px;border:0;border-radius:8px;background:#eaf1fb;color:#2b5fba;font-weight:800;cursor:pointer}.transferBank{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.transferBank span{padding:11px;border-radius:9px;background:#edf4ff;color:#6c7f97;font-size:11px}.transferBank b{display:block;margin-top:4px;color:#1e3551;font-size:13px;overflow-wrap:anywhere}.transferBox label{display:block;margin:12px 0 5px;color:#3e526a;font-size:12px;font-weight:800}.transferBox input{box-sizing:border-box;width:100%;height:41px;padding:9px 11px;border:1px solid #c8d6e8;border-radius:8px;background:#fff;color:#17283c}.transferBox form>button{width:100%;margin-top:15px;padding:12px;border:0;border-radius:9px;background:linear-gradient(110deg,#3677df,#2457b8);color:#fff;font-weight:900;cursor:pointer}.transferResult{min-height:20px;margin-top:10px;color:#286341;font-weight:700}.transferBox p{color:#60758e}@media(max-width:650px){.transferBank{grid-template-columns:1fr}.transferBox{padding:15px}}
.coinShopModal[hidden]{display:none!important}.coinShopModal{position:fixed;inset:0;z-index:10040;display:flex;flex-direction:column;background:#fff;color:#182338;font-family:Arial,sans-serif}.shop-open{overflow:hidden!important}.coinShopHeader{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#2f61c9;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16)}.coinShopHeader>strong{font-size:24px;font-weight:500}.coinShopBalance{display:flex;align-items:center;gap:8px}.coinShopBalance>span{min-width:92px;padding:5px 10px;border-radius:6px;background:#16469f;text-align:center;font-size:18px;font-weight:700}.coinShopBalance>button{border:0;color:#fff;cursor:pointer}.coinShopBalance>button:not(.coinShopClose){width:35px;height:30px;border-radius:5px;background:#26b957;font-size:24px;line-height:24px}.coinShopClose{width:38px;height:38px;margin-left:8px;background:transparent;font-size:34px;line-height:30px}.coinShopBody{display:grid;grid-template-columns:205px minmax(0,1fr);gap:14px;flex:1;min-height:0;padding:30px;background:#fff}.coinShopNav{display:flex;flex-direction:column;align-self:start;padding:0;border-radius:12px;background:#eef2f8;overflow:hidden}.coinShopNav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;background:transparent;color:#172236;text-align:left;font-size:17px;cursor:pointer}.coinShopNav button.active{background:#315fc5;color:#fff}.coinShopContent{min-width:0;border-radius:12px;background:#f0f3f8;padding:22px}.coinShopTabs{display:flex;justify-content:center;gap:16px;padding-bottom:26px;border-bottom:1px solid #91aef1}.coinShopTabs button{min-width:144px;padding:11px 20px;border:0;border-radius:999px;color:#fff;font-size:19px;font-weight:800;cursor:pointer;text-shadow:0 1px 2px #0003}.coinShopTabs button:nth-child(1){background:linear-gradient(#57e99a,#1bc86b)}.coinShopTabs button:nth-child(2){background:linear-gradient(#ffdc6b,#ffb926)}.coinShopTabs button:nth-child(3){background:linear-gradient(#9b73ef,#7140d7)}.coinShopTabs button:nth-child(4){background:linear-gradient(#6dd5f3,#25aede)}.coinShopPanel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding-top:24px}.shopSkin{display:flex;flex-direction:column;align-items:center;padding:14px;border:1px solid #d4dfed;border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(25,55,95,.08)}.shopSkin img{width:92px;height:92px;object-fit:cover;border-radius:50%;border:4px solid #e7edf5}.shopSkin b{margin-top:10px;font-size:15px}.shopSkin span{margin-top:4px;color:#3562c4;font-weight:700}.coinPackages{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px}.coinPackages button{padding:25px 14px;border:0;border-radius:14px;background:linear-gradient(145deg,#356bd9,#244fae);color:#fff;font-size:24px;font-weight:800;box-shadow:0 8px 20px #234c9e33}.coinPackages small{display:block;margin-top:9px;font-size:11px;font-weight:500;opacity:.82}.shopEmpty{grid-column:1/-1;display:grid;place-items:center;min-height:240px;text-align:center;color:#61738b}.shopEmpty b,.shopEmpty span{display:block}.shopEmpty b{font-size:24px}.shopEmpty span{margin-top:-80px}
@media(max-width:760px){.coinShopBody{grid-template-columns:1fr;padding:12px}.coinShopNav{flex-direction:row;overflow-x:auto;border-radius:8px}.coinShopNav button{flex:0 0 auto;width:auto;padding:10px}.coinShopNav button span{display:none}.coinShopContent{padding:12px}.coinShopTabs{justify-content:flex-start;gap:8px;overflow-x:auto;padding-bottom:14px}.coinShopTabs button{min-width:110px;font-size:14px}.coinPackages{grid-template-columns:1fr}.coinShopHeader{padding:0 10px}.coinShopHeader>strong{font-size:19px}.coinShopBalance>span{min-width:70px;font-size:15px}}
/* Coin shop control polish */
.coinShopHeader{background:linear-gradient(115deg,#315fc9,#2879df)!important}.coinShopBalance>span{border:1px solid rgba(255,255,255,.18)!important;background:rgba(10,42,110,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}.coinShopBalance>button:not(.coinShopClose){display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:8px!important;background:linear-gradient(145deg,#37ce72,#16a853)!important;box-shadow:0 5px 12px rgba(13,117,55,.28)!important;font-weight:800!important;transition:transform .15s ease,filter .15s ease!important}.coinShopBalance>button:not(.coinShopClose):hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}.coinShopClose{display:grid!important;place-items:center!important;border-radius:9px!important;color:#e8f1ff!important;transition:background .15s ease,transform .15s ease!important}.coinShopClose:hover{background:rgba(255,255,255,.14)!important;transform:rotate(4deg)!important}
.coinShopNav{gap:5px!important;padding:7px!important;background:#edf2f8!important}.coinShopNav button{min-height:48px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:9px!important;color:#43536a!important;font-size:14px!important;font-weight:700!important;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease!important}.coinShopNav button:hover{background:#fff!important;color:#2459bd!important;transform:translateX(2px)!important}.coinShopNav button.active{border-color:#2d63cb!important;background:linear-gradient(110deg,#356bd7,#2455b8)!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,86,181,.25)!important}.shopNavIcon{display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;border-radius:9px!important;background:#fff!important;color:#2d63c7!important;box-shadow:0 2px 7px rgba(34,65,104,.12)!important;font:800 14px/1 Arial,sans-serif!important;font-style:normal!important}.coinShopNav button.active .shopNavIcon{background:rgba(255,255,255,.95)!important;color:#275bbd!important}
.coinShopTabs{gap:10px!important}.coinShopTabs button{min-width:132px!important;padding:10px 16px!important;border:1px solid #d3ddeb!important;border-radius:10px!important;background:#fff!important;color:#64748a!important;box-shadow:0 3px 9px rgba(42,64,94,.08)!important;font-size:14px!important;font-weight:800!important;text-shadow:none!important;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}.coinShopTabs button:hover{transform:translateY(-2px)!important;border-color:#8eabe1!important;color:#295dbd!important;box-shadow:0 7px 16px rgba(42,83,158,.13)!important}.coinShopTabs button.active{border-color:#2f64ca!important;background:linear-gradient(110deg,#3972dd,#2858ba)!important;color:#fff!important;box-shadow:0 8px 18px rgba(41,91,191,.24)!important}
.shopSkin{cursor:pointer!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important}.shopSkin:hover{transform:translateY(-4px)!important;border-color:#8db1ed!important;box-shadow:0 12px 24px rgba(39,83,151,.16)!important}.shopSkin span{display:inline-block!important;padding:4px 8px!important;border-radius:999px!important;background:#edf4ff!important;font-size:12px!important}.coinPackages button{position:relative!important;min-height:128px!important;border:1px solid #3c71d8!important;border-radius:16px!important;background:linear-gradient(145deg,#3975e4,#254fa9)!important;box-shadow:0 10px 22px rgba(34,78,162,.22)!important;cursor:pointer!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}.coinPackages button:hover{transform:translateY(-4px)!important;filter:brightness(1.06)!important;box-shadow:0 16px 30px rgba(34,78,162,.3)!important}.coinPackages button:focus-visible,.coinShopTabs button:focus-visible,.coinShopNav button:focus-visible,.coinShopBalance button:focus-visible{outline:3px solid #8ab8ff!important;outline-offset:2px!important}
@media(max-width:760px){.coinShopNav{gap:4px!important}.coinShopNav button{min-height:44px!important;padding:6px!important}.coinShopNav button:hover{transform:none!important}.shopNavIcon{width:30px!important;height:30px!important}.coinShopTabs button{min-width:108px!important;padding:9px 12px!important}}
.coinShopTabs[hidden]{display:none!important}.shopSkin[hidden]{display:none!important}.shopSkin button,.shopProduct button{width:100%;margin-top:10px;padding:8px 10px;border:0;border-radius:8px;background:linear-gradient(110deg,#3975dc,#2455b5);color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 5px 12px rgba(35,79,166,.2)}.shopSkin button:disabled{background:#c7d1df;color:#6b7b8e;cursor:not-allowed;box-shadow:none}.coinPackages button span,.coinPackages button b,.coinPackages button em{display:block}.coinPackages button span{font-size:24px}.coinPackages button b{margin-top:6px;font-size:16px;color:#ddebff}.coinPackages button em{width:max-content;margin:12px auto 0;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;font-style:normal}.coinPackages button.featured{background:linear-gradient(145deg,#7143dc,#3c5bc7)!important;border-color:#7659d8!important}.shopProduct{display:flex;flex-direction:column;align-items:center;min-height:270px;padding:18px;border:1px solid #d5e0ed;border-radius:14px;background:#fff;text-align:center;box-shadow:0 7px 18px rgba(34,67,111,.08);transition:transform .16s ease,box-shadow .16s ease}.shopProduct:hover{transform:translateY(-4px);box-shadow:0 13px 26px rgba(34,67,111,.15)}.shopProductIcon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:13px;border-radius:22px;color:#fff;font:900 20px/1 Arial,sans-serif;font-style:normal;box-shadow:0 9px 20px rgba(31,65,110,.18)}.shopProductIcon.bronze{background:linear-gradient(145deg,#d6995e,#986037)}.shopProductIcon.silver{background:linear-gradient(145deg,#b9c9dc,#71859e)}.shopProductIcon.gold{background:linear-gradient(145deg,#ffd65e,#e59b13)}.shopProductIcon.boost{background:linear-gradient(145deg,#ffbe36,#ef6d19)}.shopProductIcon.pass{background:linear-gradient(145deg,#8d65ef,#4b43c7)}.shopProduct b{font-size:16px}.shopProduct>span{min-height:38px;margin-top:7px;color:#72839a;font-size:12px;line-height:1.45}.shopProduct strong{margin-top:auto;color:#2458ba;font-size:15px}.shopProduct.pass{min-height:290px}.shopMission{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:16px;border:1px solid #d7e2ef;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(34,67,111,.07)}.shopMission b{font-size:15px}.shopMission span{color:#6e8097;font-size:12px}.shopMission em{grid-column:2;grid-row:1/3;padding:7px 10px;border-radius:8px;background:#edf4ff;color:#2d60bd;font-size:12px;font-style:normal;font-weight:800}.shopMission{grid-column:span 2}@media(max-width:760px){.shopMission{grid-column:1/-1}.shopProduct{min-height:245px}.coinShopPanel{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media(max-width:460px){.coinShopPanel{grid-template-columns:1fr}.shopMission{grid-column:1}.coinPackages{grid-template-columns:1fr}}
/* Premium lobby actions and ad placeholders */
.adPlaceholder{position:relative!important;isolation:isolate!important;overflow:hidden!important;justify-content:center!important;gap:10px!important;padding:24px!important;border:1px solid rgba(75,137,211,.28)!important;background:radial-gradient(circle at 12% 10%,rgba(93,200,255,.3),transparent 36%),linear-gradient(145deg,#f4f9ff,#dcecff)!important;color:#27415f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}.adPlaceholder::before,.adPlaceholder::after{content:''!important;position:absolute!important;z-index:-1!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(45,108,210,.12),rgba(64,194,225,.08))!important}.adPlaceholder::before{width:150px!important;height:150px!important;right:-52px!important;top:-58px!important}.adPlaceholder::after{width:110px!important;height:110px!important;left:-38px!important;bottom:-48px!important}.adPlaceholder b{padding:6px 10px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:999px!important;background:linear-gradient(110deg,#3475dc,#1e55b8)!important;box-shadow:0 6px 14px rgba(32,82,173,.2)!important;color:#fff!important;font:800 10px/1 Arial,sans-serif!important;letter-spacing:1.1px!important}.adPlaceholder strong{max-width:240px!important;color:#1d3553!important;font:800 19px/1.25 'Ubuntu',Arial,sans-serif!important;text-align:center!important}.adPlaceholder span{color:#6b8098!important;font:600 11px/1.4 Arial,sans-serif!important}.adPlaceholder a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:126px!important;height:37px!important;margin-top:3px!important;padding:0 17px!important;border:1px solid #2158b8!important;border-radius:9px!important;background:linear-gradient(110deg,#3979e0,#2457b7)!important;box-shadow:0 8px 17px rgba(33,82,171,.25)!important;color:#fff!important;font:800 12px/1 Arial,sans-serif!important;text-decoration:none!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}.adPlaceholder a:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important;box-shadow:0 12px 23px rgba(33,82,171,.31)!important}
#helloContainer .btn,#profileCard .profileShop{border:1px solid rgba(255,255,255,.15)!important;border-radius:9px!important;box-shadow:0 6px 14px rgba(24,53,94,.18),inset 0 1px 0 rgba(255,255,255,.17)!important;font-weight:800!important;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important}#helloContainer .btn:hover,#profileCard .profileShop:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 10px 20px rgba(24,53,94,.24),inset 0 1px 0 rgba(255,255,255,.2)!important;text-decoration:none!important}#profileCard .profileShop{background:linear-gradient(110deg,#3974db,#2356b9)!important;color:#fff!important}#helloContainer #playBtn{background:linear-gradient(110deg,#3478e5,#1f60c9)!important;color:#fff!important}#helloContainer #spectateBtn{background:linear-gradient(110deg,#ffc238,#f59d0a)!important;color:#342300!important}#helloContainer .btn-danger{background:linear-gradient(110deg,#ef5d50,#da3c38)!important}#helloContainer .btn-primary:not(#playBtn){background:linear-gradient(110deg,#3978dc,#2458ba)!important}#helloContainer .btn-success{background:linear-gradient(110deg,#2d9d58,#1e7a43)!important}
/* Desktop collision fixes.  Language is already available in the select, so
   the tiny header flags are removed and the floating utility pills live in
   the unused footer space of the two side cards. */
@media(min-width:1101px){
  #top-bar>div:nth-child(2) a{display:none!important}
  #top-bar::after{right:18px!important;white-space:nowrap!important}
  #scriptWhatsapp{position:absolute!important;top:218px!important;right:calc(100% + 24px)!important;bottom:auto!important;left:auto!important;box-sizing:border-box!important;width:292px!important;height:43px!important;justify-content:center!important;padding:7px 10px!important;z-index:8!important}
  #scriptWhatsapp svg{width:22px!important;height:22px!important}#scriptWhatsapp strong{font-size:11px!important}#scriptWhatsapp small{font-size:9px!important}
  #hitWidget{position:absolute!important;top:225px!important;left:calc(100% + 24px)!important;right:auto!important;bottom:auto!important;box-sizing:border-box!important;width:292px!important;justify-content:center!important;z-index:8!important}
}
#stats{box-sizing:border-box!important;width:390px!important;height:340px!important;padding:18px!important;overflow:hidden!important;top:50%!important;background:#fff!important;border:1px solid rgba(20,49,70,.12)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
#stats>h2{position:absolute;top:12px;left:18px;right:18px;margin:0!important;color:#24364a;font-size:22px}
#statsGraph{box-sizing:border-box!important;top:52px!important;bottom:auto!important;left:18px!important;right:18px!important;width:354px!important;height:190px!important;border-radius:12px;background:linear-gradient(180deg,#f6f9fc,#edf3f8);opacity:.48!important}
#statsPelletsContainer,#statsHighestMassContainer,#statsTimeAliveContainer,#statsTimeLeaderboardContainer,#statsPlayerCellsEatenContainer,#statsTopPositionContainer{width:110px!important;height:58px!important;z-index:2}
#statsPelletsContainer{top:62px!important;left:38px!important}#statsHighestMassContainer{top:62px!important;right:38px!important}
@media(max-width:1100px){#top-bar::after{content:none!important}.siteTagline{left:14px!important;right:14px!important;bottom:11px!important}}
@media(min-width:1101px){#top-bar{height:108px!important}#top-bar::before,#top-bar::after{content:none!important;display:none!important}#top-bar>div:first-child{margin:18px 0 0!important}.siteTagline{bottom:9px!important}}
.rewardMission{grid-template-columns:minmax(0,1fr) auto!important;gap:5px 14px!important}.rewardMission button{grid-column:2!important;grid-row:1/3!important;align-self:center!important;min-width:145px!important;margin:0!important;padding:10px 13px!important;border:0!important;border-radius:9px!important;background:linear-gradient(110deg,#3978dc,#2458ba)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;box-shadow:0 6px 14px rgba(35,82,171,.22)!important}.rewardMission button:disabled{background:#d3dbe6!important;color:#718096!important;cursor:not-allowed!important;box-shadow:none!important}.rewardInfo{grid-column:1/-1;padding:13px 15px;border:1px solid #d7e3ef;border-radius:11px;background:#f5f9fe;color:#657991;font-size:11px;line-height:1.5}@media(max-width:520px){.rewardMission{grid-template-columns:1fr!important}.rewardMission button{grid-column:1!important;grid-row:auto!important;width:100%!important}}
#statsTimeAliveContainer{top:120px!important;left:38px!important}#statsTimeLeaderboardContainer{top:120px!important;right:38px!important}
#statsPlayerCellsEatenContainer{top:178px!important;left:38px!important}#statsTopPositionContainer{top:178px!important;right:38px!important}
#stats #statsText{line-height:34px!important;font-size:22px!important;color:#283848!important}
#stats #statsSubtext{display:block!important;line-height:18px!important;font-size:11px!important;font-weight:700!important;color:#61758a!important;white-space:nowrap}
#stats>hr{bottom:auto!important;top:252px!important;left:18px!important;width:354px!important;border-color:#e1eaf1!important}
#statsContinue{left:18px!important;right:18px!important;bottom:auto!important;top:270px!important;width:354px!important;height:46px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#2784ef,#1f65d5)!important;font-weight:800!important;box-shadow:0 8px 18px rgba(37,110,218,.25)!important}
#match_results_ad{display:none!important}
@media(max-width:430px){#stats{width:calc(100vw - 24px)!important}#statsGraph,#stats>hr,#statsContinue{width:auto!important;left:18px!important;right:18px!important}}
.localVisitorCounter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 92px;
  height: 38px;
  padding: 0 16px;
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #be123c);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(190,18,60,.28), inset 0 1px 0 rgba(255,255,255,.2);
  font: 800 16px/1 Ubuntu, sans-serif;
  user-select: none;
  cursor: default;
}
.localVisitorCounter svg {
  width: 18px;
  height: 18px;
  fill: rgba(255,255,255,.9);
}
.localVisitorCounter span { min-width: 16px; text-align: center; }

/* 2026 mobile application shell ------------------------------------------------ */
@media (max-width:700px), (pointer:coarse), (max-width:950px) and (max-height:500px) and (orientation:landscape) {
  :root { color-scheme: dark; }
  html,body {
    width:100%!important;
    height:100%!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    overscroll-behavior:none;
    -webkit-text-size-adjust:100%;
    background:#06101e!important;
  }
  body { touch-action:manipulation; }
  #canvas { position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;touch-action:none!important; }
  #overlays {
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    background:
      radial-gradient(circle at 15% -5%,rgba(28,111,211,.26),transparent 38%),
      radial-gradient(circle at 95% 20%,rgba(7,199,205,.13),transparent 36%),
      linear-gradient(180deg,rgba(4,12,25,.95),rgba(8,18,33,.92))!important;
  }
  #overlays::-webkit-scrollbar { display:none; }
  #helloContainer {
    position:relative!important;
    inset:auto!important;
    top:auto!important;left:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:440px!important;
    height:auto!important;
    min-height:100dvh!important;
    margin:0 auto!important;
    padding:0 14px calc(28px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(7,16,30,.28)!important;
    box-shadow:none!important;
  }
  #lobbyPromo,#leaders,#solreklam,#sagreklam,#scriptWhatsapp,#hitWidget,.tosBox { display:none!important; }
  #top-bar {
    position:sticky!important;
    z-index:30!important;
    top:0!important;left:auto!important;right:auto!important;
    order:0!important;
    box-sizing:border-box!important;
    width:calc(100% + 28px)!important;
    height:94px!important;
    min-height:94px!important;
    margin:0 -14px 12px!important;
    padding:calc(10px + env(safe-area-inset-top)) 18px 10px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0 0 24px 24px!important;
    background:linear-gradient(125deg,rgba(54,78,231,.96),rgba(9,184,207,.94))!important;
    box-shadow:0 12px 35px rgba(0,0,0,.34),inset 0 -1px 0 rgba(255,255,255,.16)!important;
    backdrop-filter:blur(18px);
  }
  #top-bar>div:first-child { float:none!important;margin:0!important;text-align:center!important; }
  #top-bar>div:first-child h1 { margin:0!important;line-height:46px!important; }
  #top-bar>div:first-child center { font-size:38px!important;line-height:46px!important; }
  #top-bar>div:nth-child(2) { display:none!important; }
  #top-bar .siteTagline { left:12px!important;right:12px!important;bottom:10px!important;text-align:center!important;font-size:10px!important;letter-spacing:.15px!important; }
  #profileCard {
    position:relative!important;
    inset:auto!important;
    order:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    padding:13px!important;
    border:1px solid rgba(128,171,232,.2)!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,rgba(21,39,64,.98),rgba(12,27,48,.98))!important;
    box-shadow:0 14px 36px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)!important;
    color:#eef6ff!important;
  }
  #profileCard .profileHead { min-height:44px!important;margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(142,177,222,.15)!important; }
  #profileCard .profileAvatar { width:42px!important;height:42px!important;font-size:20px!important;background:#172a45!important;border-color:#6683a8!important;color:#dceaff!important; }
  #profileCard .profileIdentity b { color:#f5f9ff!important;font-size:14px!important; }
  #profileCard .profileIdentity small { color:#87a0c1!important;font-size:10px!important; }
  #profileCard .profileCoins { right:0!important;top:3px!important; }
  #profileCard .profileLevel { height:36px!important;margin:0 0 10px!important; }
  #profileCard .profileXpTrack { height:30px!important;background:#0b1930!important;border-color:#2e9f62!important; }
  #profileCard .profileXpTrack b { color:#dbe8f8!important; }
  #profileCard .profileLogin,#profileCard .profileShop { box-sizing:border-box!important;min-height:44px!important;margin-top:8px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important; }
  #wrapper {
    position:relative!important;
    inset:auto!important;
    order:2!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(128,171,232,.2)!important;
    border-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    background:rgba(14,30,52,.98)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.3)!important;
  }
  #wrapper .nav-tabs { box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,1fr) minmax(108px,1.5fr)!important;width:100%!important;height:58px!important;margin:0!important;padding:7px!important;border:0!important;border-radius:18px 18px 0 0!important;background:rgba(14,30,52,.98)!important; }
  #wrapper .nav-tabs>li { float:none!important;margin:0!important; }
  #wrapper .nav-tabs>li>a { display:grid!important;place-items:center!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important; }
  #wrapper .nav-tabs>li.active>a { background:linear-gradient(145deg,#3475dd,#2456b8)!important;box-shadow:0 7px 16px rgba(30,91,194,.3)!important; }
  #wrapper .nav-tabs #don { width:auto!important;height:auto!important;margin:0!important;padding:0!important; }
  #wrapper .nav-tabs .ui-icon { width:20px!important;height:20px!important; }
  #lang { position:static!important;align-self:center!important;box-sizing:border-box!important;width:100%!important;height:42px!important;margin:0!important;border:1px solid #314967!important;border-radius:11px!important;background:#10233d!important;color:#dbe9fb!important;font-size:12px!important; }
  .tab-content {
    position:relative!important;
    inset:auto!important;
    order:3!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:12px 13px 14px!important;
    overflow:visible!important;
    border:1px solid rgba(128,171,232,.2)!important;
    border-top:0!important;
    border-radius:0 0 18px 18px!important;
    background:linear-gradient(180deg,rgba(14,30,52,.98),rgba(10,23,42,.99))!important;
    box-shadow:0 18px 40px rgba(0,0,0,.3)!important;
    color:#e8f2ff!important;
  }
  #home { min-height:0!important;padding:0!important; }
  #home>br:first-child { display:none!important; }
  #home>.btn { float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:0!important;width:calc(33.333% - 5px)!important;height:43px!important;margin:0 3px 10px 0!important;padding:0 8px!important;border-radius:11px!important;font-size:12px!important; }
  #loginscreen { margin:0!important; }
  #loginscreen input,#loginscreen select,#gamemode,#skinss { box-sizing:border-box!important;min-height:48px!important;font-size:16px!important;border-radius:12px!important; }
  .lobbyGoogleButton { box-sizing:border-box!important;min-height:56px!important;margin:0 0 10px!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#edf4ff)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important; }
  #nick { width:100%!important;margin:0 0 10px!important; }
  #gamemode { width:100%!important;height:48px!important;margin:0 0 7px!important; }
  #home .form-group { margin-bottom:8px!important; }
  #home .form-group[style*="float:left"] { display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:8px!important;float:none!important;width:100%!important;margin:0 0 9px!important; }
  #skinss { display:block!important;width:100%!important;margin:0!important; }
  #home .form-group[style*="float:left"] .btn-info { display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:48px!important;margin:0!important;border-radius:12px!important;font-size:12px!important; }
  #playBtn,#spectateBtn { float:none!important;box-sizing:border-box!important;height:54px!important;margin:0!important;border-radius:13px!important;font-size:14px!important;letter-spacing:.1px!important; }
  #playBtn { width:64%!important; }
  #mainform { display:inline!important;margin:0!important; }
  #spectateBtn { width:calc(36% - 7px)!important;margin-left:7px!important; }
  #helloContainer .btn:hover,#profileCard .profileShop:hover { transform:none!important; }
  .modal { padding:12px!important; }
  .modal-dialog { width:calc(100vw - 24px)!important;max-width:420px!important;margin:max(12px,env(safe-area-inset-top)) auto!important; }
  .modal-content { border-radius:18px!important;overflow:hidden!important; }
  .modal input,.modal select,.modal textarea { font-size:16px!important; }
  .coinShopModal {
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#081426!important;
  }
  .coinShopHeader { box-sizing:border-box!important;height:calc(58px + env(safe-area-inset-top))!important;flex-basis:calc(58px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 12px 0!important;background:linear-gradient(120deg,#315fc9,#1a87d8)!important; }
  .coinShopHeader>strong { font-size:19px!important; }
  .coinShopBody { display:flex!important;flex-direction:column!important;gap:10px!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;background:#081426!important; }
  .coinShopNav { flex:0 0 auto!important;flex-direction:row!important;gap:7px!important;padding:6px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;background:#0f223c!important;scrollbar-width:none!important; }
  .coinShopNav::-webkit-scrollbar,.coinShopTabs::-webkit-scrollbar { display:none!important; }
  .coinShopNav button { flex:0 0 47px!important;width:47px!important;min-height:46px!important;padding:6px!important;scroll-snap-align:start!important; }
  .coinShopNav button span { display:none!important; }
  .coinShopContent { flex:1!important;min-height:0!important;padding:10px!important;background:#10213a!important; }
  .coinShopTabs { justify-content:flex-start!important;gap:8px!important;padding:0 0 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;border-color:#2d4669!important; }
  .coinShopTabs button { flex:0 0 auto!important;min-width:104px!important;padding:10px!important;scroll-snap-align:start!important;background:#162d4d!important;border-color:#294666!important;color:#aebed1!important; }
  .coinShopPanel { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:calc(100% - 58px)!important;padding:12px 2px 20px 0!important; }
  .shopSkin,.shopProduct { box-sizing:border-box!important;min-height:210px!important;padding:11px!important;background:linear-gradient(155deg,#162d4b,#102139)!important;border-color:#294766!important;color:#edf6ff!important; }
  .shopSkin img { width:76px!important;height:76px!important; }
  .shopSkin span,.shopProduct>span { color:#9fb3cd!important; }
  .shopProductIcon { width:60px!important;height:60px!important; }
  .shopMission,.transferBox { background:#142945!important;border-color:#2b4969!important;color:#edf6ff!important; }
  .rewardInfo,.transferBank span { background:#10233d!important;border-color:#294968!important;color:#9fb3cd!important; }
  .transferBank { grid-template-columns:1fr!important; }
  .coinPackages { grid-template-columns:1fr!important;gap:12px!important; }
  .coinPackages button { min-height:105px!important; }
  #chat_settings { display:none!important; }
  #chat_textbox {
    position:fixed!important;
    z-index:45!important;
    left:10px!important;
    right:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    width:min(52vw,250px)!important;
    height:46px!important;
    padding:0 14px!important;
    border:1px solid rgba(111,159,220,.28)!important;
    border-radius:14px!important;
    background:rgba(5,14,27,.82)!important;
    color:#fff!important;
    font-size:16px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(16px);
  }
  #mobileControls {
    z-index:46!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:10px!important;
    pointer-events:none!important;
  }
  #mobileControls .mobile-action {
    pointer-events:auto!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:50%!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    text-shadow:0 1px 2px rgba(0,0,0,.45)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.24)!important;
    backdrop-filter:blur(14px)!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #mobileControls .mobile-eject { width:62px!important;height:62px!important;background:linear-gradient(145deg,rgba(39,174,96,.94),rgba(15,108,67,.94))!important; }
  #mobileControls .mobile-split { width:78px!important;height:78px!important;background:linear-gradient(145deg,rgba(54,128,241,.96),rgba(37,71,184,.96))!important; }
  #mobileControls .mobile-action:active { transform:scale(.92)!important;filter:brightness(1.18)!important; }
  #stats { width:calc(100vw - 24px)!important;max-width:390px!important;height:340px!important; }
  #statsGraph,#stats>hr,#statsContinue { width:auto!important;left:18px!important;right:18px!important; }
}

@media (max-width:360px) {
  #helloContainer { padding-left:10px!important;padding-right:10px!important; }
  #top-bar { width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important; }
  #wrapper .nav-tabs { grid-template-columns:repeat(4,1fr) 96px!important; }
  .coinShopPanel { grid-template-columns:1fr!important; }
  #playBtn,#spectateBtn { width:100%!important;margin:0 0 8px!important; }
}

@media (max-width:950px) and (max-height:500px) and (orientation:landscape) {
  #helloContainer { max-width:620px!important;padding:0 12px calc(16px + env(safe-area-inset-bottom))!important; }
  #top-bar { position:relative!important;width:calc(100% + 24px)!important;height:68px!important;min-height:68px!important;margin:0 -12px 9px!important;padding-top:calc(3px + env(safe-area-inset-top))!important;border-radius:0 0 18px 18px!important; }
  #top-bar>div:first-child h1,#top-bar>div:first-child center { font-size:29px!important;line-height:35px!important; }
  #top-bar .siteTagline { bottom:5px!important;font-size:8px!important; }
  #profileCard { display:none!important; }
  #wrapper .nav-tabs { height:50px!important;padding:4px!important; }
  #wrapper .nav-tabs>li>a { height:40px!important; }
  .tab-content { padding:9px 11px 11px!important; }
  .lobbyGoogleButton { min-height:48px!important; }
  #chat_textbox { width:36vw!important;height:40px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important; }
  #mobileControls { right:calc(12px + env(safe-area-inset-right))!important;bottom:calc(8px + env(safe-area-inset-bottom))!important; }
  #mobileControls .mobile-eject { width:54px!important;height:54px!important; }
  #mobileControls .mobile-split { width:68px!important;height:68px!important; }
  .coinShopModal { width:100vw!important;height:100dvh!important; }
  .coinShopHeader { height:52px!important;flex-basis:52px!important; }
  .coinShopBody { flex-direction:row!important; }
  .coinShopNav { flex:0 0 56px!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important; }
  .coinShopContent { min-width:0!important; }
  .coinShopPanel { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}

@media (max-width:700px), (pointer:coarse), (max-width:950px) and (max-height:500px) and (orientation:landscape) {
  #wrapper .nav-tabs { grid-template-columns:repeat(4,44px) minmax(0,1fr)!important;grid-template-rows:44px!important;gap:3px!important; }
  #wrapper .nav-tabs>li { width:44px!important;min-width:44px!important; }
  #wrapper .nav-tabs>#lang { grid-column:5!important;grid-row:1!important;min-width:0!important; }
  #home>.btn { width:30.5%!important;min-width:0!important;margin-right:1.5%!important;padding:0 3px!important;white-space:nowrap!important; }
  #home>.btn:nth-of-type(3) { margin-right:0!important; }
}

/* Premium match summary ------------------------------------------------------- */
#statoverlay {
  position:fixed!important;
  inset:0!important;
  z-index:10020!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(44,117,226,.22),transparent 38%),
    rgba(2,8,18,.78)!important;
  backdrop-filter:blur(9px) saturate(.85)!important;
}
#stats {
  box-sizing:border-box!important;
  width:410px!important;
  height:430px!important;
  padding:0!important;
  overflow:hidden!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(118,165,229,.24)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(45,113,222,.22),transparent 40%),
    linear-gradient(155deg,#142840 0%,#0b192c 58%,#081424 100%)!important;
  color:#f4f8ff!important;
  box-shadow:0 32px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;
  isolation:isolate!important;
}
#stats::before {
  content:'';
  position:absolute;
  z-index:4;
  top:0;left:26px;right:26px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#31a9ff,#725eff,transparent);
  box-shadow:0 0 18px rgba(58,154,255,.72);
}
#stats>h2 {
  position:absolute!important;
  z-index:3!important;
  top:22px!important;
  left:20px!important;
  right:20px!important;
  margin:0!important;
  color:#f7fbff!important;
  font:900 23px/1.1 'Ubuntu',Arial,sans-serif!important;
  letter-spacing:-.35px!important;
}
#stats>h2::after {
  content:'PERFORMANS ÖZETİ';
  display:block;
  margin-top:7px;
  color:#7993b3;
  font:800 9px/1 Arial,sans-serif;
  letter-spacing:1.8px;
}
#statsGraph {
  box-sizing:border-box!important;
  z-index:0!important;
  top:82px!important;
  bottom:auto!important;
  left:20px!important;
  right:20px!important;
  width:370px!important;
  height:235px!important;
  border:1px solid rgba(106,150,206,.12)!important;
  border-radius:18px!important;
  background:
    linear-gradient(rgba(75,119,176,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,119,176,.07) 1px,transparent 1px),
    linear-gradient(180deg,rgba(18,42,70,.82),rgba(8,21,38,.5))!important;
  background-size:32px 32px,32px 32px,auto!important;
  opacity:.28!important;
}
#statsPelletsContainer,#statsHighestMassContainer,#statsTimeAliveContainer,#statsTimeLeaderboardContainer,#statsPlayerCellsEatenContainer,#statsTopPositionContainer {
  box-sizing:border-box!important;
  z-index:2!important;
  width:174px!important;
  height:66px!important;
  padding:9px 11px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(116,157,207,.15)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(28,56,89,.88),rgba(15,34,59,.9))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#statsPelletsContainer,#statsTimeAliveContainer,#statsPlayerCellsEatenContainer { left:25px!important;right:auto!important; }
#statsHighestMassContainer,#statsTimeLeaderboardContainer,#statsTopPositionContainer { left:auto!important;right:25px!important; }
#statsPelletsContainer,#statsHighestMassContainer { top:91px!important; }
#statsTimeAliveContainer,#statsTimeLeaderboardContainer { top:166px!important; }
#statsPlayerCellsEatenContainer,#statsTopPositionContainer { top:241px!important; }
#statsPelletsContainer::before,#statsHighestMassContainer::before,#statsTimeAliveContainer::before,#statsTimeLeaderboardContainer::before,#statsPlayerCellsEatenContainer::before,#statsTopPositionContainer::before {
  content:'';
  position:absolute;
  top:12px;left:11px;
  width:7px;height:7px;
  border-radius:50%;
  background:#3ea6ff;
  box-shadow:0 0 10px currentColor;
}
#statsHighestMassContainer::before { background:#ffc145; }
#statsTimeAliveContainer::before { background:#34d399; }
#statsTimeLeaderboardContainer::before { background:#a78bfa; }
#statsPlayerCellsEatenContainer::before { background:#fb7185; }
#statsTopPositionContainer::before { background:#38d7e7; }
#stats #statsText {
  position:absolute!important;
  top:7px!important;right:11px!important;bottom:auto!important;left:24px!important;
  overflow:hidden!important;
  color:#f5f9ff!important;
  font:900 22px/25px 'Ubuntu',Arial,sans-serif!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#stats #statsSubtext {
  position:absolute!important;
  top:auto!important;right:11px!important;bottom:8px!important;left:11px!important;
  display:block!important;
  color:#8da3bf!important;
  font:700 10px/15px Arial,sans-serif!important;
  text-align:right!important;
  white-space:nowrap!important;
}
#stats>hr {
  top:329px!important;
  right:20px!important;
  bottom:auto!important;
  left:20px!important;
  width:auto!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(123,158,201,.17)!important;
}
#statsContinue {
  position:absolute!important;
  z-index:3!important;
  top:349px!important;
  right:20px!important;
  bottom:auto!important;
  left:20px!important;
  width:auto!important;
  height:56px!important;
  margin:0!important;
  border:1px solid rgba(117,179,255,.34)!important;
  border-radius:15px!important;
  background:linear-gradient(120deg,#3285ef,#245bd1)!important;
  color:#fff!important;
  font:900 14px/1 'Ubuntu',Arial,sans-serif!important;
  letter-spacing:.15px!important;
  box-shadow:0 13px 30px rgba(25,91,202,.32),inset 0 1px 0 rgba(255,255,255,.2)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
#statsContinue::before { content:'↻';display:inline-block;margin-right:9px;font-size:18px;vertical-align:-1px; }
#statsContinue:not(:disabled):hover { transform:translateY(-2px)!important;filter:brightness(1.08)!important;box-shadow:0 17px 36px rgba(25,91,202,.4),inset 0 1px 0 rgba(255,255,255,.22)!important; }
#statsContinue:not(:disabled):active { transform:scale(.985)!important; }
#statsContinue:disabled { opacity:.72!important;filter:saturate(.65)!important;cursor:wait!important; }
#match_results_ad { display:none!important; }

@media (max-width:440px) {
  #stats { width:calc(100vw - 20px)!important;max-width:410px!important; }
  #statsGraph { left:14px!important;right:14px!important;width:auto!important; }
  #statsPelletsContainer,#statsTimeAliveContainer,#statsPlayerCellsEatenContainer { left:18px!important; }
  #statsHighestMassContainer,#statsTimeLeaderboardContainer,#statsTopPositionContainer { right:18px!important; }
  #statsPelletsContainer,#statsHighestMassContainer,#statsTimeAliveContainer,#statsTimeLeaderboardContainer,#statsPlayerCellsEatenContainer,#statsTopPositionContainer { width:calc(50% - 23px)!important; }
  #stats>hr,#statsContinue { left:18px!important;right:18px!important; }
}
@media (max-height:500px) and (orientation:landscape) {
  #stats { transform:translate(-50%,-50%) scale(.82)!important; }
}

/* Premium, compact level leaderboard ----------------------------------------- */
#leaders {
  overflow:hidden!important;
  border:1px solid rgba(85,128,190,.13)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(48,112,218,.1),transparent 42%),
    linear-gradient(160deg,#fff,#f7faff)!important;
}
#leaders .leaders { height:100%!important; }
#leaders h3 {
  position:relative!important;
  margin:0 0 7px!important;
  padding:0 0 8px 27px!important;
  border-bottom:1px solid #e5edf7!important;
  color:#1f324b!important;
  font:900 16px/20px 'Ubuntu',Arial,sans-serif!important;
  text-align:left!important;
  letter-spacing:-.2px!important;
}
#leaders h3::before {
  content:'♛';
  position:absolute;
  left:0;top:-1px;
  display:grid;
  place-items:center;
  width:21px;height:21px;
  border-radius:7px;
  background:linear-gradient(145deg,#ffc94a,#ee9914);
  color:#fff;
  font:900 13px/1 Arial,sans-serif;
  box-shadow:0 5px 12px rgba(222,145,13,.25);
}
#leaders h3::after {
  content:'EN YÜKSEK SEVİYELER';
  float:right;
  margin-top:5px;
  color:#8ea0b6;
  font:800 7px/1 Arial,sans-serif;
  letter-spacing:.9px;
}
#leaders #levelLeaderTable {
  width:100%!important;
  margin:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0 2px!important;
  color:#40536c!important;
  font:800 11px/15px 'Ubuntu',Arial,sans-serif!important;
}
#leaders #levelLeaderTable tr { height:17px!important; }
#leaders #levelLeaderTable td {
  position:static!important;
  box-sizing:border-box!important;
  height:17px!important;
  padding:1px 7px!important;
  overflow:hidden!important;
  line-height:15px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#leaders #levelLeaderTable td:first-child { width:15%!important;text-align:center!important; }
#leaders #levelLeaderTable td:nth-child(2) { width:61%!important;text-align:left!important; }
#leaders #levelLeaderTable td:last-child { width:24%!important;text-align:right!important; }
#leaders #levelLeaderTable tr:first-child {
  height:19px!important;
  color:#8294aa!important;
  font-size:9px!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
}
#leaders #levelLeaderTable tr:first-child td { height:19px!important;padding-top:0!important;padding-bottom:2px!important; }
#leaders #levelLeaderTable tr:not(:first-child) td {
  background:rgba(237,243,251,.64)!important;
}
#leaders #levelLeaderTable tr:not(:first-child) td:first-child { border-radius:7px 0 0 7px!important; }
#leaders #levelLeaderTable tr:not(:first-child) td:last-child { border-radius:0 7px 7px 0!important;color:#315f9d!important; }
#leaders #levelLeaderTable tr:nth-child(2) td { background:linear-gradient(90deg,#fff4d6,#fff9eb)!important;color:#ad7000!important; }
#leaders #levelLeaderTable tr:nth-child(3) td { background:linear-gradient(90deg,#e8f0fa,#f5f8fc)!important;color:#48627e!important; }
#leaders #levelLeaderTable tr:nth-child(4) td { background:linear-gradient(90deg,#f7e8dc,#fdf5ef)!important;color:#98603a!important; }
#leaders #levelLeaderTable tr:nth-child(2) td:first-child,
#leaders #levelLeaderTable tr:nth-child(3) td:first-child,
#leaders #levelLeaderTable tr:nth-child(4) td:first-child { font-size:0!important; }
#leaders #levelLeaderTable tr:nth-child(2) td:first-child::after,
#leaders #levelLeaderTable tr:nth-child(3) td:first-child::after,
#leaders #levelLeaderTable tr:nth-child(4) td:first-child::after {
  display:inline-grid;
  place-items:center;
  width:15px;height:15px;
  border-radius:50%;
  color:#fff;
  font:900 8px/1 Arial,sans-serif;
  box-shadow:0 2px 5px rgba(30,50,75,.16);
}
#leaders #levelLeaderTable tr:nth-child(2) td:first-child::after { content:'1';background:linear-gradient(#ffc83d,#e99912); }
#leaders #levelLeaderTable tr:nth-child(3) td:first-child::after { content:'2';background:linear-gradient(#aab9ca,#71849a); }
#leaders #levelLeaderTable tr:nth-child(4) td:first-child::after { content:'3';background:linear-gradient(#d99768,#a75f36); }

@media (min-width:1101px) {
  #leaders { height:274px!important;padding:12px 13px!important; }
}
