body.oyunSayfa{background:#f4f1ea}
.oAlan{overflow:hidden}
.nnKap{position:relative;height:100%;display:flex;flex-direction:column;background:#f4f1ea;color:#2d2a26;user-select:none;-webkit-user-select:none;overflow:hidden}
.nnUst{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;flex:0 0 auto;font-weight:800}
.nnUst .ad{font:800 18px 'Baloo 2',Nunito,sans-serif}
.nnUst .can{font-size:20px;letter-spacing:2px}
.nnUst button{font:800 13px Nunito,sans-serif;border:2px solid #d9d2c3;background:#fff;border-radius:10px;padding:5px 10px;cursor:pointer;color:#2d2a26}
.nnAlan{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px;touch-action:none}
.nnIzgara{display:grid;gap:0;touch-action:none}
.nnIzgara .h{width:var(--h);height:var(--h);background:#fff;border-right:1px solid #cfc8b8;border-bottom:1px solid #cfc8b8;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}
.nnIzgara .h.b5{border-right:2px solid #6b6455}.nnIzgara .h.a5{border-bottom:2px solid #6b6455}
.nnIzgara .h.ilkS{border-left:2px solid #6b6455}.nnIzgara .h.ilkU{border-top:2px solid #6b6455}
.nnIzgara .h.d{background:#2d2a26}
.nnIzgara .h.x::after{content:'✕';color:#a39a88;font-weight:900;font-size:calc(var(--h)*.6)}
.nnIzgara .h.hata{background:#ffd6dc}.nnIzgara .h.hata::after{color:#e63946}
.nnIzgara .h.vurgu{box-shadow:inset 0 0 0 999px #2fbf7122}
.nnIzgara .ip{display:flex;align-items:flex-end;justify-content:center;font:800 calc(var(--h)*.48)/1.05 Nunito,sans-serif;color:#2d2a26;padding:2px}
.nnIzgara .ip.sut{flex-direction:column}
.nnIzgara .ip.sat{justify-content:flex-end;align-items:center;gap:calc(var(--h)*.22);padding-right:5px}
.nnIzgara .ip.tamam{color:#bdb5a4}
.nnIzgara.bitti .h{border-color:transparent}
.nnIzgara.bitti .h.d{background:var(--renk);transition:background .5s}
.nnIzgara.bitti .h.x::after{content:''}
.nnAlt{display:flex;gap:10px;justify-content:center;padding:6px 8px 12px;flex:0 0 auto}
.nnMod{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:6px 10px;border:3px solid #d9d2c3;border-radius:14px;background:#fff;font-size:22px;cursor:pointer;color:#2d2a26}
.nnMod small{font:800 11px Nunito,sans-serif}
.nnMod.aktif{border-color:#2fbf71;background:#e8fbef}
.nnMenu{position:absolute;inset:0;z-index:4;background:#f4f1ea;overflow:auto;padding:12px}
.nnMenu[hidden]{display:none}
.nnMenu h1{margin:0;text-align:center;font:800 40px/1.1 'Baloo 2',Nunito,sans-serif;color:#2d2a26}
.nnMenu h1 span{color:#2fbf71}
.nnMenu .alt{text-align:center;margin:2px 0 10px;font-weight:700;color:#7a7364}
.nnSekme{display:flex;gap:6px;justify-content:center;margin:0 0 10px;flex-wrap:wrap}
.nnSekme button{font:800 14px Nunito,sans-serif;border:2px solid #d9d2c3;background:#fff;border-radius:20px;padding:6px 14px;cursor:pointer;color:#2d2a26}
.nnSekme button.aktif{background:#2fbf71;border-color:#2fbf71;color:#fff}
.nnListe{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;max-width:760px;margin:0 auto}
.nnKart{background:#fff;border:3px solid #e6dfd0;border-radius:14px;padding:8px;cursor:pointer;text-align:center;font:800 12.5px Nunito,sans-serif;color:#2d2a26}
.nnKart:hover{border-color:#2fbf71}
.nnKart .mini{display:grid;aspect-ratio:1;margin:0 auto 5px;width:78%;background:#f4f1ea;border-radius:6px;overflow:hidden}
.nnKart .mini i{display:block}
.nnKart .soru{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:78%;margin:0 auto 5px;background:#f4f1ea;border-radius:6px;font-size:30px;color:#bdb5a4}
.nnOzet{display:flex;gap:8px;justify-content:center;margin:0 0 10px;flex-wrap:wrap}
.nnOzet span{background:#fff;border:2px solid #e6dfd0;border-radius:12px;padding:4px 10px;font-weight:800;font-size:13px}