body.oyunSayfa{background:#1b1410}
.oAlan{overflow:hidden}
.dtKap{position:relative;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at 50% 45%,#4a3424,#1b1410 75%);color:#fff;display:flex;flex-direction:column}
#dtCanvas{display:block;flex:1;min-height:0;width:100%;cursor:crosshair}
.dtUst{display:flex;gap:8px;justify-content:center;padding:8px 8px 0;flex:0 0 auto}
.dtOy{flex:1;max-width:220px;background:#0008;border:2px solid #ffffff22;border-radius:14px;padding:6px 10px;display:flex;align-items:center;gap:8px}
.dtOy.sira{border-color:#ffd23f;box-shadow:0 0 14px #ffd23f55}
.dtOy span{flex:1;min-width:0}
.dtOy b{display:block;font:800 13px Nunito,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtOy small{font-size:11px;opacity:.75;font-weight:700}
.dtOy em{font:800 30px/1 'Baloo 2',Nunito,sans-serif;font-style:normal;color:#ffd23f}
.dtAlt{display:flex;gap:6px;justify-content:center;align-items:center;padding:4px 8px 10px;flex:0 0 auto;min-height:44px}
.dtAlt .ok{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:34px;border-radius:10px;background:#0008;border:2px solid #ffffff22;font:800 15px Nunito,sans-serif}
.dtAlt .ok.dolu{border-color:#ffd23f}
.dtAlt .top{font:800 14px Nunito,sans-serif;margin-left:6px;color:#ffd23f}
.dtMesaj{position:absolute;left:0;right:0;top:42%;text-align:center;pointer-events:none;font:800 46px 'Baloo 2',Nunito,sans-serif;color:#fff;text-shadow:0 3px 0 #000a,0 0 18px #e63946;opacity:0;transition:opacity .2s}
.dtMesaj.goster{opacity:1;animation:dtZip .45s ease-out}
@keyframes dtZip{from{transform:scale(.5)}}
.dtMenu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px;background:#1b1410ee;z-index:4;overflow:auto}
.dtMenu[hidden]{display:none}
.dtKutu{width:min(400px,100%);text-align:center}
.dtLogo{font:800 60px/1 'Baloo 2',Nunito,sans-serif;margin:0;color:#fff;text-shadow:0 4px 0 #e63946,0 8px 18px #000a}
.dtAltY{margin:4px 0 12px;font-weight:700;color:#e7cdb4}
.dtModlar{display:grid;gap:6px;margin:0 0 8px}
.dtModlar button{display:flex;align-items:center;gap:10px;text-align:left;font:800 15px Nunito,sans-serif;color:#fff;background:#ffffff10;border:2px solid #ffffff22;border-radius:14px;padding:9px 12px;cursor:pointer}
.dtModlar button:hover{border-color:#e63946}
.dtModlar button i{font-style:normal;font-size:24px}
.dtModlar button span{flex:1}
.dtModlar button small{display:block;font-size:11.5px;opacity:.7;font-weight:700}
.dtZor{display:flex;gap:6px;justify-content:center;margin:0 0 10px}
.dtZor button{font:800 13px Nunito,sans-serif;color:#fff;background:#ffffff10;border:2px solid #ffffff22;border-radius:10px;padding:6px 12px;cursor:pointer}
.dtZor button.aktif{background:#e63946;border-color:#ff8a93}
.dtOzet{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 0 12px}
.dtOzet div{background:#ffffff10;border-radius:12px;padding:6px 2px}
.dtOzet small{display:block;font-size:10.5px;font-weight:800;opacity:.75;text-transform:uppercase}
.dtOzet b{font:800 19px 'Baloo 2',Nunito,sans-serif}
.dtKutu>.btn{width:100%;margin:4px 0}