body.oyunSayfa{background:#123524}
.oAlan{overflow:hidden}
.rkKap{--kw:clamp(46px,13vw,78px);position:relative;height:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 45%,#1f6b45,#123524 70%);color:#fff;user-select:none;-webkit-user-select:none;overflow:hidden;padding:8px 6px 10px}
.onOyun .rkKap{min-height:100%}
.rkKart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--kw);aspect-ratio:2/3;border-radius:calc(var(--kw)*.14);background:var(--r);border:calc(var(--kw)*.06) solid #fff;box-shadow:0 3px 8px #0006;font:900 calc(var(--kw)*.42)/1 'Baloo 2',Nunito,sans-serif;color:#fff;flex:0 0 auto;overflow:hidden}
.rkKart::before{content:'';position:absolute;inset:14% 6%;background:#fff;border-radius:50%;transform:rotate(-30deg) scaleY(.75)}
.rkKart b{position:relative;color:var(--r);text-shadow:1px 1px 0 #0003}
.rkKart i{position:absolute;font:900 calc(var(--kw)*.18)/1 Nunito,sans-serif;font-style:normal;color:#fff}
.rkKart i.ust{top:6%;left:9%}.rkKart i.alt{bottom:6%;right:9%;transform:rotate(180deg)}
.rkKart.k{--r:#e63946}.rkKart.s{--r:#f2b705}.rkKart.y{--r:#24a35a}.rkKart.m{--r:#1f6feb}
.rkKart.J{--r:#1b1b1b}
.rkKart.J::before{background:conic-gradient(#e63946 0 25%,#1f6feb 0 50%,#24a35a 0 75%,#f2b705 0)}
.rkKart.J b{color:#fff;text-shadow:0 2px 4px #000}
.rkKart.arka{--r:#1b1b1b}
.rkKart.arka::before{background:#e63946}
.rkKart.arka::after{content:'RK';position:relative;font:900 calc(var(--kw)*.26)/1 'Baloo 2',Nunito,sans-serif;color:#ffd23f;transform:rotate(-30deg);text-shadow:0 2px 0 #000}
.rkRakipler{display:flex;gap:8px;justify-content:center;width:100%;flex-wrap:wrap;flex:0 0 auto}
.rkRk{display:flex;align-items:center;gap:6px;background:#0005;border:2px solid #ffffff22;border-radius:14px;padding:5px 9px;min-width:0;max-width:46%}
.rkRk.sira{border-color:#ffd23f;box-shadow:0 0 14px #ffd23f66}
.rkRk .yp{display:flex}
.rkRk .yp .rkKart{--kw:20px;border-width:1.5px;margin-left:-11px}
.rkRk .yp .rkKart:first-child{margin-left:0}
.rkRk span{min-width:0}
.rkRk b{display:block;font:800 13px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rkRk small{font:800 11px Nunito,sans-serif;opacity:.8}
.rkRk .son{color:#ffd23f}
.rkOrta{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,5vw,34px)}
.rkDeste{position:relative;background:none;border:0;padding:0;cursor:pointer;--kw:clamp(56px,17vw,92px)}
.rkDeste .rkKart{--kw:clamp(56px,17vw,92px)}
.rkDeste small{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font:800 11px Nunito,sans-serif;opacity:.8}
.rkDeste.parla .rkKart{box-shadow:0 0 0 3px #ffd23f,0 0 20px #ffd23f}
.rkAtilan{--kw:clamp(64px,19vw,104px);position:relative;width:var(--kw);aspect-ratio:2/3}
.rkAtilan .rkKart{position:absolute;inset:0;width:100%}
.rkAtilan .rkKart.yeni{animation:rkDus .35s ease-out}
@keyframes rkDus{from{transform:translateY(60px) scale(1.15) rotate(10deg);opacity:.4}}
.rkRenk{width:clamp(38px,10vw,54px);aspect-ratio:1;border-radius:50%;border:4px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006;background:var(--r,#555)}
.rkRenk i{font-style:normal;font:900 24px/1 Nunito,sans-serif;color:#fff;text-shadow:0 1px 3px #000}
.rkMesaj{min-height:22px;font:800 15px Nunito,sans-serif;text-align:center;flex:0 0 auto;padding:0 6px}
.rkButonlar{display:flex;gap:8px;justify-content:center;min-height:6px;flex:0 0 auto}
.rkEl{display:flex;justify-content:center;width:100%;padding:16px 4px 2px;flex:0 0 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}
.rkEl .rkKart{margin-left:calc(var(--bindir,-18) * 1px);cursor:pointer;transition:transform .15s}
.rkEl .rkKart:first-child{margin-left:0}
.rkEl .rkKart.uygun{transform:translateY(-12px);box-shadow:0 0 0 3px #ffd23f,0 6px 14px #0007}
.rkEl .rkKart.soluk{filter:brightness(.6)}
.rkEl .rkKart.uygun:hover{transform:translateY(-18px)}
.rkSec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.rkSec button{height:70px;border-radius:16px;border:4px solid #fff;cursor:pointer;font:800 15px Nunito,sans-serif;color:#fff;text-shadow:0 1px 2px #0008}
.rkMenu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#123524f2;z-index:4;overflow:auto}
.rkMenu[hidden]{display:none}
.rkKutu{width:min(400px,100%);text-align:center}
.rkLogo{display:flex;justify-content:center;gap:4px;margin:0 0 6px}
.rkLogo .rkKart{--kw:54px;transform:rotate(var(--a))}
.rkKutu h1{margin:4px 0 0;font:800 40px/1 'Baloo 2',Nunito,sans-serif}
.rkAltY{margin:4px 0 12px;font-weight:700;color:#cfe8d9}
.rkGrup{margin:8px 0}
.rkGrup>small{display:block;font-weight:800;font-size:12px;letter-spacing:.5px;color:#cfe8d9;text-transform:uppercase;margin-bottom:5px}
.rkSecim{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rkSecim button{font:800 14px Nunito,sans-serif;color:#fff;background:#ffffff12;border:2px solid #ffffff26;border-radius:12px;padding:9px 6px;cursor:pointer}
.rkSecim button.aktif{background:#e63946;border-color:#ff8a93}
.rkKutu>.btn{width:100%;margin-top:6px}
.rkOzet{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px 0}
.rkOzet div{background:#ffffff10;border-radius:12px;padding:6px 2px}
.rkOzet small{display:block;font-size:10.5px;font-weight:800;opacity:.75;text-transform:uppercase}
.rkOzet b{font:800 20px 'Baloo 2',Nunito,sans-serif}