body {position: absolute; margin: 0; padding: 0;}
html {touch-action: manipulation;}
body,html {height: 100%; width: 100%;}
svg{width:100%; height:100%;}
#tabla {position: relative !important;overflow: hidden;border: 4px solid black;margin: 0 auto;width: 98vw;height: 98vw;max-height: 98vh;max-width: 98vh;min-height:320px;min-width:320px;top: 0.5vh;background: #1b69fa;border-radius: 4%;}
.emboss {color:#444;text-shadow: 0 -1px rgba(0, 0, 0, 1), 0 1px rgba(255, 255, 255, 0.5);}
#modal {z-index: 999; position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;width: 96vw; height: 50vw;background: rgba(255,255,255, 0.8);padding:0;}
#jst,#ayarlar { position:absolute; top:0; }
.btn {display: inline-block;padding: 0.8rem 1.4rem;font-weight: 700;background-color: black;color: white;border-radius: 5px;text-align: center;font-size: 1em;}
.hide { display: none;}
#b1,#b2,#b3,#b4,#arac,#StSt,#btn1,#btn3,#btn4,#basla,#baslaT,#kapat,#kapat2,#kapatT,#lftb,#rgtb,#tank,#simit,#sr1,#sr2 { cursor: pointer; }
#topuz { cursor: grab; }
#topuz:active { cursor: move; }