*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#071827;width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}#sahne{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#sahne canvas{touch-action:none;width:100%;height:100%;display:block}#skor-panel{top:max(20px, env(safe-area-inset-top));color:#fff;z-index:5;white-space:nowrap;background:#031423eb;border:1px solid #267da3;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:13px 25px;font-size:25px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}#bilgi{color:#fff;text-align:center;z-index:5;background:#031423e6;border-radius:9px;max-width:90%;padding:11px 20px;position:absolute;top:90px;left:50%;transform:translate(-50%)}#kontroller{color:#fff;z-index:10;background:#031220f0;border:1px solid #40beeb8c;border-radius:16px;width:245px;padding:18px;position:absolute;bottom:22px;right:22px;box-shadow:0 8px 30px #0006}#kontroller h3{text-align:center;color:#54d5ff;letter-spacing:1.5px;border-bottom:1px solid #54d5ff40;margin:0 0 16px;padding-bottom:12px;font-size:16px}.kontrol{background:#ffffff0e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:39px;margin:7px 0;padding:6px 9px;font-size:13px;display:flex}.kontrol span:first-child{color:#dceaf3}.tus{color:#fff;letter-spacing:1px;white-space:nowrap;background:linear-gradient(135deg,#12618b,#073c60);border:1px solid #36b9ed;border-radius:7px;justify-content:center;align-items:center;min-width:65px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}#mobil-joystick{left:max(25px, env(safe-area-inset-left));bottom:max(25px, env(safe-area-inset-bottom));z-index:20;touch-action:none;background:#0523378c;border:2px solid #54d5ffa6;border-radius:50%;width:145px;height:145px;display:none;position:fixed;box-shadow:0 0 25px #0096dc33}#joystick-topu{pointer-events:none;background:linear-gradient(145deg,#55d9ff,#0874a8);border:2px solid #b8f2ff;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #00000073}#mobil-butonlar{right:max(22px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:20;touch-action:none;align-items:flex-end;gap:12px;display:none;position:fixed}.mobil-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#12618b,#073c60);border:2px solid #ffffffa6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:66px;height:66px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 12px #0006}.mobil-btn:active{filter:brightness(1.35);transform:scale(.92)}#mobil-sut{background:linear-gradient(145deg,#ff9e22,#c94b08);width:82px;height:82px;font-size:15px}#mobil-pas{background:linear-gradient(145deg,#1689c4,#075080)}#mobil-degis{background:linear-gradient(145deg,#269b76,#075b47)}#mobil-calar{background:linear-gradient(145deg,#b43c55,#711b35)}@media (width<=900px),(pointer:coarse){#kontroller{display:none}#mobil-joystick{display:block}#mobil-butonlar{display:flex}#skor-panel{top:max(8px, env(safe-area-inset-top));gap:12px;padding:9px 16px;font-size:19px}#bilgi{max-width:75%;padding:8px 12px;font-size:12px;top:58px}}@media (orientation:portrait) and (width<=900px){#bilgi{top:65px}#mobil-joystick{width:125px;height:125px;bottom:20px;left:15px}#joystick-topu{width:55px;height:55px}#mobil-butonlar{gap:7px;bottom:15px;right:12px}.mobil-btn{width:55px;height:55px;font-size:10px}#mobil-sut{width:68px;height:68px;font-size:13px}}