body.oyunSayfa{background:#1d3b5c}
.oAlan{overflow:hidden}
.ttKap{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:#8fc6ef}
#ttCanvas{display:block;width:100%;height:100%;touch-action:none}
.ttDur{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:12px;border:2px solid #ffffff55;background:#0006;color:#fff;font-size:18px;line-height:1;cursor:pointer;z-index:3}
.ttDur:active{transform:scale(.94)}
/* pedallar */
.ttPedal{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));width:96px;height:118px;border-radius:18px 18px 22px 22px;border:3px solid #0008;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;z-index:3;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding-bottom:10px;color:#fff;font:800 17px/1 'Baloo 2',Nunito,sans-serif;letter-spacing:1px;box-shadow:0 7px 0 #0007,inset 0 2px 0 #ffffff40;transition:transform .05s,box-shadow .05s;opacity:.93}
.ttPedal i{position:absolute;inset:12px 14px 40px;border-radius:10px;background:repeating-linear-gradient(180deg,#0000 0 7px,#0004 7px 12px);box-shadow:inset 0 0 0 2px #0002}
.ttPedal span{position:relative;text-shadow:0 2px 0 #0007}
.ttPedal small{position:relative;font:700 11px Nunito,sans-serif;opacity:.75;letter-spacing:0}
.ttFren{left:14px;background:linear-gradient(180deg,#ff6a5a,#c8332a)}
.ttGaz{right:14px;background:linear-gradient(180deg,#5fe07a,#1f9d45)}
.ttPedal.bas{transform:translateY(6px) scale(.97);box-shadow:0 1px 0 #0007,inset 0 3px 8px #0005;filter:brightness(.92)}
.ttKap.dokun .ttPedal small{display:none}
.ttKap.dokun .ttPedal{width:112px;height:150px}
.ttKap.dokun .ttPedal i{inset:14px 16px 42px}
@media (max-height:460px){.ttPedal,.ttKap.dokun .ttPedal{width:88px;height:104px}.ttKap.dokun .ttPedal i{inset:10px 12px 36px}}
@media (min-width:900px) and (pointer:fine){.ttPedal{opacity:.8}}
/* menü (garaj) */
.ttOzet{display:flex;justify-content:center;align-items:center;gap:8px;margin:2px 0 10px;font:800 26px 'Baloo 2',Nunito,sans-serif;color:#ffd23f}
.ttBaslik{font-weight:800;font-size:12px;color:#ffcf7a;letter-spacing:1px;margin:10px 0 6px;text-align:left;text-transform:uppercase}
.ttTemalar{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.ttTemalar button{position:relative;border:2px solid #2e3a6b;border-radius:14px;padding:0 0 7px;cursor:pointer;color:#fff;background:#16204a;font:800 15px Nunito,sans-serif;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.2}
.ttTemalar canvas{width:100%;height:58px;display:block;margin-bottom:5px}
.ttTemalar small{font-weight:700;font-size:11px;color:#aab3d6}
.ttTemalar button.aktif{border-color:#ffd23f;box-shadow:0 0 0 2px #ffd23f66;background:#3a3214}
.ttYuk{display:flex;flex-direction:column;gap:6px}
.ttYuk .sat{display:flex;align-items:center;gap:9px;background:#ffffff0d;border-radius:12px;padding:6px 8px;text-align:left}
.ttYuk .ik{font-size:24px;width:30px;text-align:center}
.ttYuk .ad{flex:1;min-width:0;font-weight:800;font-size:14px;line-height:1.2}
.ttYuk .ad small{display:block;font-weight:600;font-size:11px;color:#aab3d6}
.ttPip{display:flex;gap:3px;margin-top:4px}
.ttPip b{width:16px;height:6px;border-radius:3px;background:#ffffff22}
.ttPip b.d{background:linear-gradient(90deg,#ffb21e,#ffd23f)}
.ttYuk .btn{min-width:88px;padding:7px 9px;font-size:14px}
.ttYuk .btn.maks{background:#2e3a6b;color:#9fe6b0}
.ttNot{font-size:13px;color:#aab3d6;margin:8px 0 2px;text-align:center}
.ttSon{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 4px}
.ttSon div{background:#ffffff10;border-radius:12px;padding:7px 8px;text-align:center}
.ttSon small{display:block;font-size:12px;opacity:.75;font-weight:700}
.ttSon b{font:800 19px "Baloo 2",Nunito,sans-serif}
.ttX2{display:inline-block;background:#ff4d7a;color:#fff;border-radius:6px;padding:0 5px;font-size:13px;vertical-align:middle}
.ttYesil{color:#7dff9a;font-weight:800}
.ttSon div:only-child{grid-column:1/-1}