@font-face{
  font-family:'PeachyKeen';
  src:url('fonts/PeachyKeenJF.otf') format('opentype');
  font-display:block;
}
@font-face{
  font-family:'Cambay';
  src:url('fonts/Cambay-Regular.ttf') format('truetype');
  font-display:block;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{
  width:100%;height:100%;overflow:hidden;background:#1b0038;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;user-select:none;
  touch-action:none;
}
#wrap{
  position:fixed;left:50%;top:50%;
  width:720px;height:1280px;
  transform-origin:center center;
  transform:translate(-50%,-50%);
}
#cv{
  display:block;width:720px;height:1280px;
  image-rendering:auto;
}
#rotate{
  position:fixed;inset:0;display:none;
  background:#1b0038;color:#ff2b2b;
  font-family:'PeachyKeen','Cambay',sans-serif;
  font-size:28px;text-align:center;
  align-items:center;justify-content:center;
  z-index:50;
}
#rotate div{padding:20px;line-height:1.5;color:#fff;}
#rotate b{color:#ff2b2b;}
body.landscape #rotate{display:flex;}
body.landscape #wrap{display:none;}