*{margin:0;padding:0;box-sizing:border-box}
  html,body{height:100%;background:#1a1230;overflow:hidden;
    font-family:"DotGothic16",monospace;
    -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
  #wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
  canvas{image-rendering:auto;touch-action:none;display:block;box-shadow:0 0 0 2px #2a2050,0 14px 50px rgba(40,20,70,.5)}
  #credits{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;
    text-align:center;font-size:11px;line-height:1.6;letter-spacing:.03em;
    color:rgba(226,214,255,.68);transition:opacity .3s;pointer-events:auto}
  #credits a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(226,214,255,.32);padding:2px 1px}
  #credits a:hover,#credits a:focus{color:#ffd9ec;border-bottom-color:rgba(255,217,236,.6)}
  #credits .sep{opacity:.4;margin:0 .4em}
  #credits .sep2{opacity:.32;margin:0 .85em}
  #credits.hide{opacity:0;pointer-events:none}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}