*{box-sizing:border-box}body{margin:0;background:#f5f3e9;color:#191919;font-family:'Courier New',monospace}main{max-width:940px;margin:0 auto;padding:35px 24px 50px}header{text-align:center;margin:0 0 22px}h1{margin:0}h1 img{width:min(100%,640px);height:auto;display:inline-block}.screen{background:#111;border:2px solid #191919;box-shadow:5px 5px 0 #191919;aspect-ratio:16/9;min-height:200px}.screen iframe,.screen #player{width:100%;height:100%;display:block;border:0}nav{display:flex;justify-content:center;gap:28px;align-items:center;margin-top:24px;font-size:12px}button{font:inherit;padding:6px 11px;background:#e5e3d9;border:2px outset #eee;color:#191919;cursor:pointer}button:active{border-style:inset}button:disabled{cursor:wait;color:#777}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible{outline:2px dashed #111;outline-offset:5px}#status{text-align:center;font-size:11px;color:#666;margin-top:17px;min-height:2em}@media(max-width:600px){main{padding:26px 14px}header{margin-bottom:20px}nav{gap:20px}.screen{box-shadow:3px 3px 0 #191919}}