*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#062436}
body{margin:0;background:#062436;font-family:Arial,Helvetica,sans-serif}
.page{position:relative;width:min(100%,1400px);margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 50px rgba(0,0,0,.28)}
.design{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.marker{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.hotspot{position:absolute;display:block;z-index:5;border-radius:8px}
.hotspot:focus-visible{outline:3px solid #ffd21c;outline-offset:2px;background:rgba(255,210,28,.2)}
.mobile-actions{display:none}
@media (max-width:720px){
  body{padding-bottom:64px}
  .page{width:100%;box-shadow:none}
  .mobile-actions{position:fixed;display:flex;left:0;right:0;bottom:0;z-index:30;height:64px;background:#06304a;border-top:1px solid rgba(255,255,255,.18);padding:8px;gap:8px}
  .mobile-actions a{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:800;border-radius:9px;background:#079cf2;font-size:15px}
  .mobile-actions a:last-child{background:#ffc800;color:#082337}
}