:root{color-scheme:dark;color:#e6edf3;background:#0d1117;font-family:system-ui,sans-serif}body{margin:0}header{border-bottom:1px solid #30363d;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.brand{color:inherit;font-weight:600;text-decoration:none}.env{background:#9e6a03;border-radius:1rem;padding:.1rem .5rem;font-size:.75rem}main{gap:1.5rem;max-width:80rem;margin:0 auto;padding:1.5rem;display:grid}h1{font-size:1.75rem}h2{margin:0 0 .75rem;font-size:1.1rem}.intro{max-width:44rem}.panel,.players>div{background:#161b22;border:1px solid #30363d;border-radius:.5rem;padding:1rem}.players{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.5rem;display:grid}canvas,video{aspect-ratio:16/9;background:#000;border-radius:.25rem;width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:.375rem;padding:.4rem .9rem}button.primary{background:#238636;border-color:#2ea043;padding:.6rem 1.4rem;font-size:1.1rem}button[disabled]{opacity:.6;cursor:wait}.copy{grid-template-columns:9rem 1fr auto auto;align-items:center;gap:.5rem;margin:.4rem 0;display:grid}.copy input{color:inherit;background:#0d1117;border:1px solid #30363d;border-radius:.375rem;min-width:0;padding:.4rem;font-family:ui-monospace,monospace;font-size:.85rem}.copy span{color:#8b949e}.status,.muted{color:#8b949e;font-size:.9rem}.error{color:#f85149}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;vertical-align:top;border-top:1px solid #30363d;padding:.4rem .5rem}pre{background:#0d1117;border-radius:.25rem;padding:.5rem;font-size:.75rem;overflow-x:auto}summary{cursor:pointer}