.dpad-absolute-container,.dpad-relative-container{background-size:contain;background-repeat:no-repeat;background-position:50% 50%}.dpad-absolute,.dpad-relative{background-size:90% auto;background-repeat:no-repeat;background-position:50% 50%}.dpad-relative-container{background-size:contain;background-image:url('dpad-background.png')}.dpad-relative{background-size:contain;background-image:url('dpad-relative.png')}.dpad-absolute-container{background-size:contain;background-image:url('dpad-absolute.png')}.dpad-arrow{position:absolute;width:100%;height:100%;top:0;left:0;background-size:90% auto;background-repeat:no-repeat;background-position:50% 50%;display:none}.dpad-arrow-active{display:block}.dpad-relative .dpad-arrow-down{background-size:contain;background-image:url('dpad-arrow-down.png')}.dpad-relative .dpad-arrow-left{background-size:contain;background-image:url('dpad-arrow-left.png')}.dpad-relative .dpad-arrow-right{background-size:contain;background-image:url('dpad-arrow-right.png')}.dpad-relative .dpad-arrow-up{background-size:contain;background-image:url('dpad-arrow-up.png')}.dpad-absolute .dpad-arrow-active{background-size:100% auto}.dpad-absolute .dpad-arrow-up{background-size:contain;background-image:url('dpad-absolute-up.png')}.dpad-absolute .dpad-arrow-down{background-size:contain;background-image:url('dpad-absolute-down.png')}.dpad-absolute .dpad-arrow-left{background-size:contain;background-image:url('dpad-absolute-left.png')}.dpad-absolute .dpad-arrow-right{background-size:contain;background-image:url('dpad-absolute-right.png')}.dpad-instructions{color:#fff;position:absolute;left:0;top:50%;width:100%;margin-top:-.5em;text-align:center}.dpad-active .dpad-instructions{color:#ccf400}