html,body { margin:0; min-height:100%; background:#f4f4f4; color:#111; }
body { overflow:auto; font-family:Arial,sans-serif; }
main { width:100%; min-height:100%; }
.cbreplay { width:100%; min-height:740px; box-sizing:border-box; }
.wrapper-status,.wrapper-failure { padding:20px; text-align:center; }
.wrapper-failure[hidden] { display:none; }
body.is-ready .wrapper-status { display:none; }
@media (max-width:480px) { .cbreplay { min-width:360px; min-height:720px; } }
@media (max-width:340px) { .cbreplay { min-width:320px; } }