*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f2f2f2}main{display:flex;justify-content:center;min-height:100svh}.card,.static{width:min(100%,480px);align-self:flex-start}.card{position:relative;aspect-ratio:480/854;overflow:hidden;background:#f2f2f2}.card canvas,.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}#final{visibility:hidden}.card[data-state="playing"] #placeholder{visibility:hidden}.card[data-state="finished"] #placeholder{visibility:hidden}.card[data-final="ready"] #final{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}