*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center}
#phone-frame{position:relative;width:min(100vw, calc(100vh * (9 / 16)));height:100vh;max-width:100vw;max-height:100vh;background:#000;overflow:hidden;border-radius:0;margin:auto}
canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}
@media(min-width:769px){
    #phone-frame{border-left:1px solid rgba(0,255,255,0.2);border-right:1px solid rgba(0,255,255,0.2);box-shadow:0 0 80px rgba(0,255,255,.15)}
}