/* the 2013 safe, unchanged geometry (693x1078 board), scaled down by JS on narrow screens */
body.safe h1.center-title{margin-top:16px}
.safe-scale{width:100%; max-width:693px; margin:20px auto 0; overflow:hidden}
.safe-stage{width:693px; margin:0 auto; transform-origin:top left}
#safe{position:relative; left:0; top:0; width:693px; height:1078px; background-image:url("safe.gif")}
#safe *{position:absolute}
.safe_btn{position:absolute; cursor:pointer}
#safe_top{z-index:4; left:202px; top:331px; width:302px; height:84px; background-image:url("top.gif")}
#field{left:183px; top:502px}
#lock1{left:237px; top:381px}
#lock2{left:286px; top:381px}
#lock3{left:338px; top:381px}
#lock4{left:389px; top:381px}
#buttons{margin-top:30px; text-align:center}
#buttons .button{font-size:20pt; padding:2px 30px; margin:0 8px 10px}