/* Oyun sayfası kontrol özeti: rota paketlerinden sonra yüklenir. */
body.page-game .game-control-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
body.page-game .game-control-summary>.game-control-item{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:142px!important;
  max-width:240px!important;
  min-height:66px!important;
  padding:9px 12px!important;
  border:1px solid #d8e8f1!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#fff 0%,#f5fbfe 100%)!important;
  box-shadow:0 6px 16px rgba(8,65,102,.08)!important;
}
body.page-game .game-control-summary>.game-control-item>em{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  color:#31566f!important;
  font:800 11px/1.25 'Nunito Sans',Inter,Arial,sans-serif!important;
  font-style:normal!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
body.page-game .game-control-summary .control-key-cluster{
  display:grid!important;
  flex:0 0 auto!important;
  width:auto!important;
  grid-template-columns:repeat(3,28px)!important;
  grid-template-rows:repeat(2,27px)!important;
  gap:3px!important;
}
body.page-game .game-control-summary .control-key-cluster kbd{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  min-width:28px!important;
  width:auto!important;
  min-height:27px!important;
  height:27px!important;
  padding:0 6px!important;
  border:1px solid #b9d2e1!important;
  border-bottom:3px solid #8fb5ca!important;
  border-radius:7px!important;
  background:linear-gradient(180deg,#fff,#eef6fa)!important;
  color:#075da9!important;
  box-shadow:0 3px 7px rgba(11,75,111,.12)!important;
  font:900 9px/23px ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.page-game .game-control-summary .control-key-cluster.arrows kbd:first-child,
body.page-game .game-control-summary .control-key-cluster.wasd kbd:first-child{grid-column:2!important;grid-row:1!important}
body.page-game .game-control-summary .control-key-cluster.arrows kbd:nth-child(2),
body.page-game .game-control-summary .control-key-cluster.wasd kbd:nth-child(2){grid-column:1!important;grid-row:2!important}
body.page-game .game-control-summary .control-key-cluster.arrows kbd:nth-child(3),
body.page-game .game-control-summary .control-key-cluster.wasd kbd:nth-child(3){grid-column:2!important;grid-row:2!important}
body.page-game .game-control-summary .control-key-cluster.arrows kbd:nth-child(4),
body.page-game .game-control-summary .control-key-cluster.wasd kbd:nth-child(4){grid-column:3!important;grid-row:2!important}
body.page-game .game-control-summary .control-key-cluster:not(.arrows):not(.wasd):not(.is-custom-group-keys){
  grid-template-columns:auto!important;
  grid-template-rows:34px!important;
}
body.page-game .game-control-summary .control-key-cluster:not(.arrows):not(.wasd):not(.is-custom-group-keys) .is-wide{
  grid-column:1!important;
  min-width:76px!important;
  height:34px!important;
  padding-inline:9px!important;
  line-height:30px!important;
}
body.page-game .game-control-summary>.game-control-item.is-custom-group{
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  min-width:210px!important;
  max-width:440px!important;
}
body.page-game .game-control-summary .is-custom-group-keys{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  width:100%!important;
}
body.page-game .game-control-summary .is-custom-group-keys kbd{min-width:34px!important;padding-inline:8px!important}
body.page-game .game-control-summary>.game-control-item.is-custom-group>em{grid-row:2!important}
body.page-game .game-control-summary .control-device-icon{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border:1px solid #b9d2e1!important;
  border-bottom:3px solid #8fb5ca!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fff,#eaf6fb)!important;
  color:#0872a9!important;
  box-shadow:0 3px 8px rgba(11,75,111,.11)!important;
}
body.page-game .game-control-summary .control-device-icon svg{
  display:block!important;
  width:27px!important;
  height:37px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.page-game .game-control-summary .control-device-icon svg .is-filled{fill:#7dd8eb!important;stroke:none!important}
body.page-game .game-control-summary .control-device-icon.touch svg{width:35px!important;height:35px!important}
body.page-game .game-control-empty{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border:1px dashed #c8dde9!important;
  border-radius:13px!important;
  background:#f7fbfd!important;
  color:#45677d!important;
  font:750 12px/1.4 'Nunito Sans',Inter,Arial,sans-serif!important;
}
body.page-game .game-control-empty-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:#e1f3fa!important;
  color:#0872a9!important;
  font:900 12px/1 'Nunito Sans',Inter,Arial,sans-serif!important;
}
@media(max-width:800px){
  body.page-game .game-control-summary>.game-control-item{min-width:min(100%,136px)!important;max-width:100%!important;min-height:62px!important;padding:8px 10px!important}
  body.page-game .game-control-summary>.game-control-item.is-custom-group{width:100%!important;min-width:0!important}
}
@media(max-width:420px){
  body.page-game .game-control-summary{gap:8px!important}
  body.page-game .game-control-summary>.game-control-item{width:100%!important;grid-template-columns:96px minmax(0,1fr)!important}
  body.page-game .game-control-summary>.game-control-item.is-custom-group{grid-template-columns:minmax(0,1fr)!important}
}

/* Mobil uyumsuz oyun bildirimi oyun sayfasinin bolunmus CSS paketinde de bulunmali. */
body.page-game .desktop-only-game-notice{display:none!important}
@media(max-width:800px){
  body.page-game .playpage.is-desktop-only .play-frame{display:none!important}
  body.page-game .playpage.is-desktop-only .desktop-only-game-notice{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:clamp(220px,56.25vw,420px)!important;
    aspect-ratio:16/9!important;
    padding:26px 22px!important;
    border:1px solid rgba(132,224,243,.16)!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 50% 18%,rgba(41,185,214,.18),transparent 43%),
      linear-gradient(145deg,#062b45,#071d2e)!important;
    color:#fff!important;
    text-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.page-game .desktop-only-game-notice .desktop-only-game-icon{
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    margin:0 0 15px!important;
    border:1px solid rgba(155,233,246,.28)!important;
    border-radius:18px!important;
    background:rgba(18,93,126,.46)!important;
    color:#8be6f3!important;
    box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  }
  body.page-game .desktop-only-game-notice .desktop-only-game-icon svg{
    display:block!important;
    width:34px!important;
    height:34px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  body.page-game .desktop-only-game-notice strong{
    display:block!important;
    max-width:360px!important;
    margin:0!important;
    color:#fff!important;
    font:850 clamp(18px,5vw,22px)/1.25 'Nunito Sans',Inter,Arial,sans-serif!important;
    letter-spacing:0!important;
    text-shadow:0 2px 14px rgba(0,0,0,.24)!important;
  }
  body.page-game .desktop-only-game-notice p{
    display:block!important;
    max-width:340px!important;
    margin:9px 0 0!important;
    color:#cce8f2!important;
    font:650 clamp(13px,3.7vw,15px)/1.5 'Nunito Sans',Inter,Arial,sans-serif!important;
  }
  body.page-game .playpage.is-desktop-only #gameFullscreenEnter{display:none!important}
}