:root{color-scheme:dark;--bg:#0c1013;--panel:#141b20;--line:#2c383e;--text:#e9edeb;--muted:#9aabae;--accent:#d2f177;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans)}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1440px;margin:auto;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.1em}.brand span{font-size:10px;letter-spacing:.16em;color:var(--muted);padding-left:15px}nav{display:flex;gap:28px;font-size:13px}main{max-width:1440px;margin:auto;padding:50px 5vw 25px}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--accent);font-weight:700;margin:0 0 12px}h1{font-size:clamp(48px,6vw,80px);line-height:1;margin:0;letter-spacing:-.05em}h1 span{color:var(--accent)}.back{font-size:12px;color:var(--muted)}#player{border:1px solid var(--line);background:var(--panel)}#screen{position:relative;aspect-ratio:4/3;max-height:78vh;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}#launch{text-align:center;padding:30px;max-width:580px}#launch h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.035em;line-height:1.15}#launch p{color:var(--muted)}#launch .eyebrow{color:var(--accent)}button{border:1px solid #3e4a50;background:transparent;color:var(--text);padding:9px 15px;font:600 12px/1.3 var(--sans);cursor:pointer;border-radius:3px}button:hover:enabled{border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}.primary{background:var(--accent);color:#0c1013;padding:16px 30px;border-color:var(--accent)}.primary:hover:enabled{color:#000;background:#e3ffa0}.primary span{margin-left:30px}.small{font-size:12px;color:var(--muted)}iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.toolbar{padding:15px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line)}.controlgroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controlgroup label,.controlgroup output,.muted{font-size:12px;color:var(--muted)}input[type=range]{accent-color:var(--accent);width:110px}.second button{font-size:11px}#status{margin:0;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.details{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:50px 0}.details h2{font-size:24px;letter-spacing:-.035em}.details p,.details dd{font-size:14px;color:var(--muted)}dl{margin:25px 0}dl div{display:grid;grid-template-columns:145px 1fr;border-bottom:1px solid var(--line);padding:9px 0}dt{font-size:13px}dd{margin:0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--muted)}#player:fullscreen{display:flex;flex-direction:column;background:#000}#player:fullscreen #screen{flex:1;aspect-ratio:auto;max-height:none;width:100%}#player:fullscreen .toolbar{padding:6px 15px}#player:fullscreen #status{padding:5px 15px}@media(max-width:700px){header{padding:20px}.brand span{display:none}nav{gap:17px}main{padding:35px 18px 20px}.title{align-items:center}.back{max-width:100px;text-align:right}.details{grid-template-columns:1fr;gap:20px;margin:35px 0}.toolbar{padding:10px}.controlgroup button{padding:8px 10px}.details h2{font-size:22px}#status{padding:10px}#screen{aspect-ratio:4/3;min-height:320px}#launch{padding:15px}#launch .eyebrow{font-size:8px}dl div{grid-template-columns:125px 1fr}}
#screen{width:100%;max-width:calc(78vh * 4 / 3);margin-inline:auto}#player:fullscreen #screen{max-width:none}