*{box-sizing:border-box}body{margin:0;background:#00251b;color:#f1d18a;font-family:Georgia,serif}main{max-width:1050px;margin:auto;padding:20px}header{text-align:center}header>p:first-child{letter-spacing:.2em;font:12px system-ui}h1{font-size:clamp(24px,4vw,40px)}.player{border:1px solid #a88948;border-radius:16px;overflow:hidden;background:#052f25}.screen{position:relative;aspect-ratio:16/9;background:#071c16;overflow:hidden}.screen video{display:block;width:100%;height:100%;object-fit:contain;object-position:75% center}.screen p{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px}.screen.ready p{display:none}.controls{display:flex;flex-wrap:wrap;gap:10px;padding:16px;align-items:center}button{background:#f1d18a;color:#16291f;border:0;border-radius:8px;padding:13px 16px;font:16px system-ui;cursor:pointer}button:disabled{opacity:.45;cursor:default}#end{background:#a52d31;color:#fff}#status,form{margin:0;padding:0 16px 16px;font:16px/1.5 system-ui}input{display:block;background:#fff;color:#17291f;border:1px solid #bca66b;border-radius:6px;padding:12px;width:100%;margin:6px 0 12px}.help{font-size:20px;line-height:1.5;margin-top:28px}.help small{font:14px/1.5 system-ui}#timer{font:18px system-ui}@media(max-width:600px){main{padding:12px}.screen{aspect-ratio:3/4}.screen video{object-fit:cover;object-position:76% center}.screen.full video{object-fit:contain}.screen.full{aspect-ratio:16/9}.controls button{flex:1 1 42%;font-size:15px}.help{font-size:18px}}[hidden]{display:none!important}html,body{width:100%}main{width:100%;min-width:0}input{font:16px/1.5 system-ui;min-width:0}@media(max-width:600px){.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.controls button{min-width:0;white-space:normal}}