html,body{margin:0;padding:0;background:#0b0b10;height:100%;overflow:hidden;font-family:"Courier New",monospace;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
#mvb-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0b10;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;overflow:hidden}
/* sized by fit() in main.js; these are the pre-script defaults */
#mvb-canvas{image-rendering:pixelated;image-rendering:crisp-edges;flex:none;width:min(100%,calc(100dvh * 16 / 9));aspect-ratio:16/9;background:#000;outline:none;touch-action:none}
/* phones: one tap unlocks sound, fullscreen and landscape (browsers don't count controller presses for that) */
#mvb-tap,#mvb-rotate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,11,16,.92);color:#fff;text-align:center;z-index:5;touch-action:none}
#mvb-tap[hidden]{display:none}
#mvb-tap div,#mvb-rotate div{max-width:80%;display:flex;flex-direction:column;gap:12px}
#mvb-tap b,#mvb-rotate b{font-size:26px;letter-spacing:2px;color:#ffd21f}
#mvb-tap span{font-size:14px;opacity:.8;line-height:1.4}
#mvb-tap #mvb-install{font-size:12px;color:#ffd21f;opacity:.9}
#mvb-tap #mvb-install[hidden]{display:none}
#mvb-rotate{display:none;z-index:6}
@media (pointer:coarse) and (orientation:portrait){#mvb-rotate{display:flex}}