:root{--bg:#0f1419;--surface:#1a222c;--text:#e8eef4;--muted:#9aabbc;--accent:#3d8bfd;--border:#2a3542;--ok:#3dba7e;--warn:#c9a227;--font:"Segoe UI", Tahoma, "Noto Sans Arabic", sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #1c2a3a 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #182433 0%, transparent 50%), var(--bg);color:var(--text);margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{width:min(920px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}h1,h2{font-weight:650;line-height:1.25}.muted{color:var(--muted)}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;border-radius:.4rem;padding:.55rem .9rem}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#061018;font-weight:600}.panel{background:color-mix(in srgb, var(--surface) 88%, black);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.1rem}.list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.list a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.45rem;padding:.85rem 1rem;display:block}.list a:hover{border-color:var(--accent);text-decoration:none}pre{border:1px solid var(--border);text-align:left;direction:ltr;background:#0b1015;border-radius:.4rem;margin:0;padding:.9rem;font-size:.85rem;overflow:auto}.badge{border:1px solid var(--border);color:var(--muted);border-radius:.3rem;padding:.15rem .45rem;font-size:.8rem;display:inline-block}.badge-ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, var(--border))}.badge-warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 50%, var(--border))}.player-shell{border:1px dashed var(--border);min-height:220px;color:var(--muted);text-align:center;background:#0b1015;border-radius:.5rem;place-items:center;padding:1.5rem;display:grid}