.dpad{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,56px);gap:8px;justify-content:center}.dpad button{display:grid;place-items:center;width:56px;height:52px;border:1px solid var(--bk-line);border-radius:16px;background:#fff;color:var(--bk-ink);cursor:pointer;touch-action:manipulation}.dpad button:active:not(:disabled){background:var(--bk-sea-mist)}.dpad button:disabled{opacity:.45;cursor:default}.dpad .dpad-up{grid-area:up}.dpad .dpad-left{grid-area:left}.dpad .dpad-down{grid-area:down}.dpad .dpad-right{grid-area:right}.game-shell[data-kontrast=yuksek] .dpad button{border-color:var(--bk-ink)}@media (hover:hover) and (pointer:fine){.dpad{grid-template-columns:repeat(3,48px)}.dpad button{width:48px;height:44px}}