*{box-sizing:border-box}body{margin:0;background:#101316;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}header{height:62px;display:flex;align-items:center;gap:24px;padding:0 24px;background:#111;border-bottom:2px solid #c80914}a{color:inherit;text-decoration:none}.brand{font-weight:900;letter-spacing:-.04em;font-size:22px}.brand span{font-size:9px;letter-spacing:.16em;display:block}h1{font-size:12px;letter-spacing:.15em;flex:1;margin:0;color:#ccc}button{font:inherit;background:#28282c;color:#fff;border:1px solid #555;border-radius:6px;cursor:pointer;width:40px;height:40px}a:focus-visible,button:focus-visible{outline:3px solid #e8bb60;outline-offset:3px}main{position:relative;flex:1;display:grid;place-items:center;min-height:0}iframe{grid-area:1/1;width:100%;height:calc(100vh - 88px);height:calc(100dvh - 88px);border:0;display:block}#message{grid-area:1/1;position:relative;z-index:1;width:min(90vw,640px);text-align:center;padding:30px;background:#101316;border-radius:12px}#message img{width:100%;height:auto;border-radius:12px}#message a{display:inline-block;margin-top:20px;padding:14px 24px;background:#c80914;font-weight:700}#message .player-retry{display:block;width:auto;min-width:180px;height:auto;min-height:44px;margin:20px auto 0;padding:12px 20px;background:#c80914;border-color:#ed4e56;font-weight:700}.player-load-help{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);width:min(94%,600px);padding:12px 16px;background:#101316;color:#fff;border:1px solid #596169;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0008}.player-load-help p{margin:0 0 10px}.player-load-help button,.player-load-help a{display:inline-block;width:auto;min-height:44px;height:auto;margin:0 6px;padding:12px}.player-load-help a{text-decoration:underline}footer{height:26px;display:grid;place-items:center;font-size:9px;letter-spacing:.08em;color:#aab0b3}main:fullscreen{background:#071b20}main:fullscreen iframe{height:100vh;height:100dvh}[hidden]{display:none!important}@media(max-width:600px){header{padding:0 14px;gap:14px;height:52px}.brand{font-size:18px}h1{font-size:10px}iframe{height:calc(100vh - 78px);height:calc(100dvh - 78px)}footer{font-size:7px}}
