body.oyunSayfa{background:#1b2238}
.oAlan{overflow:hidden}
.dsKap{position:absolute;inset:0;overflow:hidden;background:#59605a;touch-action:none}
#dsCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}

/* üst panel: güzergâh + göstergeler */
.dsUst{position:absolute;left:0;right:0;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:7px 8px 8px;background:linear-gradient(180deg,#141a2ef2,#141a2ed0 70%,#141a2e00);z-index:3;pointer-events:none}
.dsUst button{pointer-events:auto}
.dsHatBtn{display:flex;align-items:center;gap:6px;font:800 15px 'Baloo 2',Nunito,sans-serif;color:#2a1c00;background:linear-gradient(180deg,#ffe066,#ffc928);border:0;border-radius:11px;padding:4px 10px;cursor:pointer;box-shadow:0 3px 0 #0007;white-space:nowrap}
.dsHatBtn i{font-style:normal;font-size:12px;opacity:.8}
.dsHatBtn:active{transform:translateY(2px);box-shadow:0 1px 0 #0007}
.dsGuzergah{flex:1;min-width:0}
.dsGzAd{display:flex;align-items:baseline;gap:6px;font:800 12.5px Nunito,sans-serif;color:#fff;line-height:1.2;white-space:nowrap}
.dsGzAd b{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;max-width:34%}
.dsGzAd span{flex:1;text-align:center;color:#ffd75e;font-size:11.5px;overflow:hidden;text-overflow:ellipsis}
.dsGzCizgi{position:relative;height:12px;margin-top:3px}
.dsGzCizgi::before{content:'';position:absolute;left:4px;right:4px;top:5px;height:3px;border-radius:2px;background:#ffffff40}
.dsGzCizgi .dur{position:absolute;top:2px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#2b3557;border:2px solid #ffd75e}
.dsGzCizgi .dur.gecti{background:#ffd75e}
.dsGzCizgi .ist{position:absolute;top:-1px;width:4px;height:14px;margin-left:-2px;border-radius:2px;background:#ff5a5a;box-shadow:0 0 6px #ff5a5a}
.dsGzDolmus{position:absolute;top:-3px;width:22px;height:13px;margin-left:-11px;border-radius:4px 7px 7px 4px;background:linear-gradient(90deg,#f3f3ef 0 62%,#9fd3ff 62% 82%,#f3f3ef 82%);border:2px solid #1f3f8f;box-shadow:0 2px 4px #0008;transition:left .3s linear}
.dsStat{display:flex;gap:5px;flex:1 1 100%;justify-content:space-between}
.dsS{display:flex;align-items:center;gap:4px;background:#0c1122b8;border:1px solid #ffffff22;border-radius:10px;padding:2px 8px;color:#fff;white-space:nowrap}
.dsS small{font:800 13px Nunito,sans-serif;color:#ffd75e}
.dsS b{font:800 15px 'Baloo 2',Nunito,sans-serif;line-height:1.25}
.dsS em{font:700 11px Nunito,sans-serif;color:#aab4d8;font-style:normal}
.dsS.az b{color:#ff8a8a}
.dsNetK{flex:1 1 auto}
.dsNetK.tamam b{color:#7dff9b}
.dsBarK{flex:1 1 auto}
.dsBar{position:relative;display:block;flex:1;min-width:34px;height:8px;border-radius:5px;background:#ffffff26;overflow:hidden}
.dsBar i{position:absolute;left:0;top:0;bottom:0;width:60%;border-radius:5px;background:linear-gradient(90deg,#ff9f1c,#7ddc4f);transition:width .25s}
.dsBar.dsYakit i{background:linear-gradient(90deg,#ff5a5a,#ffc928)}

/* kontroller */
.dsKontrol{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 10px calc(10px + env(safe-area-inset-bottom));z-index:3;pointer-events:none}
.dsPedal{pointer-events:auto;position:relative;width:104px;height:128px;border-radius:18px 18px 22px 22px;border:3px solid #0009;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:0 0 10px;color:#fff;font:800 17px/1 'Baloo 2',Nunito,sans-serif;letter-spacing:1px;box-shadow:0 7px 0 #0008,inset 0 2px 0 #ffffff45;transition:transform .05s,box-shadow .05s;opacity:.94}
.dsPedal 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}
.dsPedal span{position:relative;text-shadow:0 2px 0 #0007}
.dsPedal small{position:relative;font:700 11px Nunito,sans-serif;opacity:.75;letter-spacing:0}
.dsFren{background:linear-gradient(180deg,#ff6b6b,#c62828)}
.dsGaz{background:linear-gradient(180deg,#5ee07a,#1f9a3f);height:140px}
.dsPedal.bas{transform:translateY(6px) scale(.97);box-shadow:0 1px 0 #0008,inset 0 3px 8px #0005;filter:brightness(.92)}
.dsOrta{pointer-events:auto;display:flex;gap:7px;align-items:center;margin-bottom:2px}
.dsKucuk{width:46px;height:44px;border-radius:13px;border:2px solid #0008;background:linear-gradient(180deg,#3d4a78,#232c52);color:#fff;font:800 18px Nunito,sans-serif;cursor:pointer;box-shadow:0 4px 0 #0008;touch-action:none}
.dsKucuk:active,.dsKucuk.bas{transform:translateY(3px);box-shadow:0 1px 0 #0008}
.dsKornaB{background:linear-gradient(180deg,#ffd75e,#e0a400);font-size:20px}
.dsKap.dokun .dsPedal small{display:none}
.dsKap.gizliKontrol .dsKontrol{visibility:hidden}
@media (pointer:fine) and (min-width:720px){.dsPedal{width:92px;height:112px;opacity:.85}.dsGaz{height:122px}.dsKontrol{padding:0 18px 14px}}
@media (min-width:720px){
  .dsUst{flex-wrap:nowrap;padding:8px 12px 14px}
  .dsStat{flex:0 1 auto;gap:6px}
  .dsGuzergah{max-width:520px}
  .dsGzAd{font-size:14px}
  .dsS{padding:3px 10px}
  .dsS b{font-size:17px}
  .dsBarK{min-width:96px}
  .dsNetK{min-width:120px}
}
@media (max-height:520px){.dsPedal{width:84px;height:96px}.dsGaz{height:104px}.dsPedal i{inset:10px 12px 34px}}

/* para üstü paneli */
.dsPara{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;z-index:4;background:linear-gradient(180deg,#26305a,#18203f);border:2px solid #4a5a98;border-bottom:0;border-radius:20px 20px 0 0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #000a;color:#fff;animation:dsYukari .22s ease-out}
@keyframes dsYukari{from{transform:translate(-50%,40%);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.dsPKafa{display:flex;align-items:center;gap:10px}
.dsPAv{font-size:34px;line-height:1;filter:drop-shadow(0 2px 2px #0008)}
.dsPSoz{flex:1;position:relative;background:#fff;color:#1c2340;border-radius:14px;padding:7px 11px;font:800 15px Nunito,sans-serif;line-height:1.25}
.dsPSoz::before{content:'';position:absolute;left:-8px;top:50%;margin-top:-7px;border:7px solid transparent;border-right-color:#fff;border-left:0}
.dsPSoz small{display:block;color:#5d6790;font-size:12px;font-weight:700}
.dsPSure{height:6px;border-radius:4px;background:#ffffff22;margin:8px 0 6px;overflow:hidden}
.dsPSure i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5a5a,#ffc928,#7ddc4f);border-radius:4px;transform-origin:left}
.dsPHesap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;text-align:center}
.dsPHesap>div{background:#0c1122a8;border-radius:12px;padding:4px 4px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px}
.dsPHesap small{font:800 11px Nunito,sans-serif;color:#aab4d8;text-transform:uppercase;letter-spacing:.3px}
.dsPHesap b{font:800 22px 'Baloo 2',Nunito,sans-serif;line-height:1.1}
.dsPHesap em{font:700 11px Nunito,sans-serif;color:#d6dcf5;font-style:normal}
.dsPHesap .ust b{color:#7dff9b}
.dsPVerilen{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}
.dsPTepsi{display:flex;flex-wrap:wrap;gap:4px;min-height:40px;align-items:center;justify-content:center;margin:7px 0;padding:4px;border-radius:12px;background:repeating-linear-gradient(45deg,#0c112270 0 8px,#0c112290 8px 16px);border:1px dashed #ffffff30}
.dsPTepsi:empty::after{content:attr(data-bos);color:#8f9ac4;font:700 12.5px Nunito,sans-serif}
.dsPKasa{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.dsPKasa button{border:0;background:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;min-height:46px;touch-action:manipulation}
.dsPKasa button:active{transform:scale(.92)}
.dsPKasa button{position:relative}
@media (pointer:fine){.dsPKasa button::after{content:attr(data-k);position:absolute;top:-4px;right:2px;font:800 10px Nunito,sans-serif;color:#aab4d8}}
.dsPAlt{display:flex;gap:8px;margin-top:8px}
.dsPAlt .btn{flex:1;padding:9px 12px}
.dsPAlt .dsSifir{flex:0 0 70px}

/* stilize para (gerçek banknot görseli değildir) */
.para{position:relative;display:inline-flex;align-items:center;justify-content:center;font:800 14px 'Baloo 2',Nunito,sans-serif;color:#fff;text-shadow:0 1px 0 #0008;user-select:none}
.para.coin{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#e7e3d6 0 44%,#c9a640 45% 100%);border:2px solid #8a6d1d;color:#4a3a10;text-shadow:none;box-shadow:0 2px 0 #0007,inset 0 0 0 3px #ffffff40}
.para.note{width:46px;height:30px;border-radius:5px;box-shadow:0 2px 0 #0007;border:1px solid #0005;overflow:hidden}
.para.note::before{content:'';position:absolute;right:-8px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#ffffff26;box-shadow:0 0 0 4px #ffffff12}
.para.note::after{content:'';position:absolute;left:4px;top:4px;bottom:4px;width:3px;border-radius:2px;background:#ffffff40}
.para.p5{background:linear-gradient(135deg,#9b7bc4,#6e4f99)}
.para.p10{background:linear-gradient(135deg,#ef6f6f,#b23a3a)}
.para.p20{background:linear-gradient(135deg,#5fbf7a,#2d7f45)}
.para.p50{background:linear-gradient(135deg,#f3a54a,#c26a12)}
.para.p100{background:linear-gradient(135deg,#5aa6e6,#2a5f9e)}
.para.p200{background:linear-gradient(135deg,#d77fb5,#93407a)}
.dsPKasa .para.note{width:100%;max-width:52px;height:34px}
.dsPTepsi .para{transform:scale(.86);cursor:pointer}
.dsPTepsi .para.coin{width:32px;height:32px;font-size:12px}
.dsPTepsi .para.note{width:42px;height:27px;font-size:13px}
.dsPara.zinci .dsPSoz small{color:#8a5a00}
@media (max-width:380px){.dsPKasa{gap:3px}.para.coin{width:34px;height:34px}.dsPHesap b{font-size:19px}}
@media (max-height:600px){.dsPAv{font-size:26px}.dsPSoz{font-size:13.5px;padding:5px 9px}.dsPHesap>div{min-height:48px}.dsPHesap b{font-size:18px}.dsPTepsi{min-height:32px;margin:5px 0}.dsPKasa button{min-height:38px}}

/* menüler */
.dsMenuBas{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}
.dsMenuBas .e{font-size:52px;line-height:1}
.dsKart{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 4px}
.dsKart button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 6px 10px;border-radius:16px;border:2px solid #3b4a86;background:linear-gradient(180deg,#2a3463,#1f274c);color:#fff;cursor:pointer;font-family:inherit}
.dsKart button:hover{border-color:#ffc928}
.dsKart .e{font-size:30px;line-height:1.2}
.dsKart b{font:800 18px 'Baloo 2',Nunito,sans-serif}
.dsKart small{color:#aab4d8;font-size:12px;line-height:1.3}
.dsHatlar{max-height:56vh;overflow:auto;text-align:left;padding:2px}
.dsBolge{font:800 14px Nunito,sans-serif;color:#ffd75e;margin:10px 2px 5px;display:flex;align-items:center;gap:6px}
.dsBolge:first-child{margin-top:2px}
.dsHatIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.dsHat{display:flex;align-items:center;gap:8px;text-align:left;border-radius:12px;border:2px solid #34407a;background:#222a52;color:#fff;padding:6px 8px;cursor:pointer;font-family:inherit;min-width:0}
.dsHat .no{flex:0 0 28px;height:28px;border-radius:8px;background:#ffc928;color:#2a1c00;font:800 15px 'Baloo 2',Nunito,sans-serif;display:grid;place-items:center}
.dsHat .bil{min-width:0;flex:1}
.dsHat .ad{display:block;font:800 12.5px Nunito,sans-serif;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.dsHat .alt{display:block;font:700 11px Nunito,sans-serif;color:#aab4d8;white-space:nowrap}
.dsHat .alt u{text-decoration:none;color:#ffd23f;letter-spacing:-1px}
.dsHat .alt s{text-decoration:none;color:#ffffff30;letter-spacing:-1px}
.dsHat.siradaki{border-color:#ffc928;box-shadow:0 0 12px #ffc92855}
.dsHat:disabled{opacity:.4;cursor:not-allowed}
.dsHat:disabled .no{background:#55608a;color:#fff}
.dsGaraj{text-align:left}
.dsKasa{display:flex;justify-content:center;align-items:center;gap:8px;font:800 26px 'Baloo 2',Nunito,sans-serif;color:#7dff9b;margin:0 0 6px}
.dsOnizleme{display:flex;justify-content:center;margin:2px 0 6px}
.dsOnizleme img{height:200px;transform:rotate(90deg);margin:-62px 0;filter:drop-shadow(0 6px 6px #0008)}
.dsYuk{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid #ffffff12}
.dsYuk .e{font-size:24px;flex:0 0 32px;text-align:center}
.dsYuk .bil{flex:1;min-width:0}
.dsYuk b{font:800 15px Nunito,sans-serif}
.dsYuk small{display:block;color:#aab4d8;font-size:12px;line-height:1.3}
.dsSeviye{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}
.dsSeviye i{width:12px;height:6px;border-radius:3px;background:#ffffff25}
.dsSeviye i.dolu{background:#ffc928}
.dsYuk .btn{flex:0 0 auto;min-width:96px}
.dsBoyalar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}
.dsBoya{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid #34407a;background:#222a52;color:#fff;border-radius:12px;padding:6px 6px 4px;cursor:pointer;font:700 11px Nunito,sans-serif;min-width:70px}
.dsBoya i{width:42px;height:20px;border-radius:6px;border:2px solid #0006}
.dsBoya.secili{border-color:#7dff9b;box-shadow:0 0 10px #7dff9b55}
.dsBoya em{font-style:normal;color:#ffd23f}
.dsYildizlar{display:flex;justify-content:center;gap:6px;margin:0 0 2px}
.dsY{font-size:50px;line-height:1;color:#ffffff22;animation:dsYildiz .5s cubic-bezier(.2,1.6,.4,1) both}
.dsY.dolu{color:#ffd23f;text-shadow:0 0 18px #ffb300aa}
.dsY:nth-child(2){font-size:62px;margin-top:-10px}
@keyframes dsYildiz{from{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}
.dsOzet .satir span{color:#cdd4ee}
.dsOzet .satir.eksi b{color:#ff8a8a}
.dsOzet .satir.arti b{color:#7dff9b}
.dsOzet .satir.toplam{border-bottom:2px solid #ffc92866;font-size:18px}
.dsOzet .satir.toplam b{color:#ffc928}
.dsBuyukE{font-size:52px;line-height:1;margin-bottom:4px}
.dsEtiket{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:center;margin:4px 0 2px}
.dsEtiket span{background:#ffffff14;border-radius:8px;padding:2px 8px;font:700 12.5px Nunito,sans-serif;color:#dfe5ff}