body.oyunSayfa{background:#14213d}
.oAlan{overflow:hidden}
.xxKap{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;background:radial-gradient(circle at 50% 20%,#24396b,#14213d 70%);color:#fff;user-select:none;-webkit-user-select:none;overflow:hidden}
.onOyun .xxKap{min-height:100%}
.xxSkor{display:flex;gap:10px;align-items:stretch;width:min(420px,100%)}
.xxOy{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff10;border:2px solid #ffffff1c;border-radius:14px;padding:6px 10px;transition:.2s}
.xxOy.sira{border-color:var(--r);box-shadow:0 0 0 3px color-mix(in srgb,var(--r) 30%,transparent),0 0 18px color-mix(in srgb,var(--r) 45%,transparent)}
.xxOy i{font:800 26px/1 'Baloo 2',Nunito,sans-serif;font-style:normal;color:var(--r)}
.xxOy span{flex:1;min-width:0}
.xxOy b{display:block;font:800 14px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xxOy small{display:block;font-size:11px;opacity:.7;font-weight:700}
.xxOy em{font:800 26px 'Baloo 2',Nunito,sans-serif;font-style:normal}
.xxOy.x{--r:#ff4d6d}.xxOy.o{--r:#4dc3ff}
.xxBer{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:11px;opacity:.75;min-width:44px}
.xxBer b{font:800 20px 'Baloo 2',Nunito,sans-serif}
.xxDurum{font:800 17px Nunito,sans-serif;min-height:24px;text-align:center}
.xxDurum .sure{display:inline-block;min-width:34px;margin-left:6px;padding:0 6px;border-radius:8px;background:#ffffff18;font-size:14px}
.xxDurum .sure.az{background:#ff4d6d;animation:xxNabiz .5s infinite alternate}
@keyframes xxNabiz{to{transform:scale(1.12)}}
.xxTahtaKap{position:relative;width:min(92vw,58vh,440px);aspect-ratio:1}
.xxTahta{display:grid;width:100%;height:100%;gap:6px;padding:6px;background:#0d1730;border-radius:18px;box-shadow:0 10px 30px #0007,inset 0 0 0 2px #ffffff14}
.xxTahta button{position:relative;border:0;border-radius:10px;background:#1d2c55;cursor:pointer;padding:0;transition:background .15s}
.xxTahta.n6{gap:4px;padding:5px}
.xxTahta.n6 button{border-radius:7px}
.xxTahta button:not(:disabled):hover{background:#27397020;background:#273970}
.xxTahta button:disabled{cursor:default}
.xxTahta button.son{background:#2a3c74}
.xxTahta button.kaz{background:#3b2a5a}
.xxTahta svg{position:absolute;inset:14%;width:72%;height:72%;overflow:visible}
.xxTahta svg path,.xxTahta svg circle{fill:none;stroke-width:13;stroke-linecap:round;stroke-dasharray:300;stroke-dashoffset:300;animation:xxCiz .28s ease-out forwards}
.xxTahta svg .x{stroke:#ff4d6d;filter:drop-shadow(0 0 6px #ff4d6d88)}
.xxTahta svg .o{stroke:#4dc3ff;filter:drop-shadow(0 0 6px #4dc3ff88)}
.xxTahta svg .x2{animation-delay:.14s}
@keyframes xxCiz{to{stroke-dashoffset:0}}
.xxTahta button .ipucu{position:absolute;inset:0;opacity:0;transition:opacity .15s}
.xxCizgi{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xxCizgi line{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;animation:xxCiz .5s .15s ease-out forwards;filter:drop-shadow(0 0 3px #fff)}
.xxAlt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.xxAlt .btn{min-width:0}
.xxMenu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#14213df2;z-index:4;overflow:auto}
.xxMenu[hidden]{display:none}
.xxKutu{width:min(400px,100%);text-align:center}
.xxLogo{font:800 64px/1 'Baloo 2',Nunito,sans-serif;margin:0 0 2px;letter-spacing:4px}
.xxLogo b{color:#ff4d6d;text-shadow:0 0 18px #ff4d6d88}.xxLogo u{text-decoration:none;color:#4dc3ff;text-shadow:0 0 18px #4dc3ff88}
.xxAltB{margin:0 0 12px;color:#b9c6ea;font-weight:700}
.xxGrup{margin:10px 0}
.xxGrup>small{display:block;font-weight:800;font-size:12px;letter-spacing:.5px;color:#b9c6ea;text-transform:uppercase;margin-bottom:5px}
.xxSec{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}
.xxSec button{font:800 14px Nunito,sans-serif;color:#fff;background:#ffffff10;border:2px solid #ffffff22;border-radius:12px;padding:9px 6px;cursor:pointer;line-height:1.2}
.xxSec button small{display:block;font-size:11px;opacity:.75}
.xxSec button.aktif{background:#ff4d6d;border-color:#ff8fa3}
.xxKutu>.btn{width:100%;margin-top:8px}
.xxOyna{font-size:21px!important;padding:13px!important}
.xxOzet{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px 0}
.xxOzet div{background:#ffffff10;border-radius:12px;padding:6px 2px}
.xxOzet small{display:block;font-size:10.5px;font-weight:800;opacity:.75;text-transform:uppercase}
.xxOzet b{font:800 20px 'Baloo 2',Nunito,sans-serif}
.xxSonuc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}
.xxSonuc div{pointer-events:auto;background:#0d1730ee;border:2px solid #ffffff30;border-radius:18px;padding:14px 18px;text-align:center;box-shadow:0 10px 30px #000a;animation:xxGel .3s ease-out}
.xxSonuc h3{margin:0 0 4px;font:800 26px 'Baloo 2',Nunito,sans-serif}
.xxSonuc p{margin:0 0 10px;font-weight:700;color:#b9c6ea}
@keyframes xxGel{from{transform:scale(.7);opacity:0}}
.xxBekleSec{display:flex;gap:6px;justify-content:center;margin:6px 0}
.xxBekleSec button{font:800 14px Nunito,sans-serif;color:#fff;background:#ffffff10;border:2px solid #ffffff22;border-radius:12px;padding:8px 12px;cursor:pointer}
.xxBekleSec button.aktif{background:#ff4d6d;border-color:#ff8fa3}
.xxBekleSec button:disabled{opacity:.6;cursor:default}