/* Hit targets follow the two shoulders in the approved casing artwork. */
body.dex-page .bumper-control{position:absolute;top:1.8%;width:14.2%;height:12%;min-width:44px;min-height:40px;z-index:7;margin:0;padding:0;border:0;border-radius:45% 35% 12% 12%;background:none;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:#bcf6ff}
body.dex-page .vibration-bumper{left:6.4%;--bumper-angle:-18deg}
body.dex-page .mode-bumper{right:6.4%;--bumper-angle:18deg}
/* Engraved into the narrow upper face, foreshortened away from the front face. */
.bumper-top-mark{position:absolute;top:9%;left:37%;width:28%;height:20%;display:grid;place-items:center;transform:rotate(var(--bumper-angle)) perspective(90px) rotateX(78deg);transform-origin:center;backface-visibility:hidden;color:#100a18;font:800 calc(12 * var(--px))/1 Arial,sans-serif;text-shadow:0 -1px .7px #000d,0 1px .5px #c5a6dc66;pointer-events:none;user-select:none}
body.dex-page .bumper-control:hover,body.dex-page .bumper-control:active{background:none;filter:none}
body.dex-page .bumper-control:focus-visible{outline:2px solid #9fecff;outline-offset:1px}
body.dex-page .bumper-control:disabled{cursor:default;color:#a89cb6}

.bumper-top-mark{font-size:0;text-shadow:none}.recessed-top-mark{display:block;width:100%;height:100%;overflow:visible}