/* extracted from arcade/index.html by ops/inline_style_extract.py — linked in the same document position to preserve cascade order */
* { margin:0; padding:0; box-sizing:border-box; }
  html,body { background:var(--bg); color:var(--act); height:100%;
    font-family: ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace; }
  #home { max-width:1100px; margin:0 auto; padding:var(--space-24) var(--space-16); }
  header h1 { font-size:var(--text-14); letter-spacing:0.18em; color:var(--tab); font-weight:700; }
  header .sub { font-size:var(--text-11); color:var(--move); margin-top:var(--space-4); }
  .grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:var(--space-12); margin-top:var(--space-24); }
  .card { text-align:left; background:var(--bg); border:1px solid var(--panel);
    color:inherit; font-family:inherit; padding:var(--space-16); cursor:pointer;
    display:flex; flex-direction:column; gap:var(--space-8); transition:border-color .12s, transform .12s; }
  .card:hover { transform:translateY(-2px); border-color:var(--a,var(--act)); }
  .card .ct { font-size:var(--text-14); font-weight:700; letter-spacing:0.1em; color:var(--a,var(--act)); display:flex; align-items:baseline; gap:var(--space-8); }
  .card .ct .dim { font-size:var(--text-10); letter-spacing:0.14em; color:var(--mist); border:1px solid var(--panel); padding:var(--space-2) var(--space-4); }
  .card .cb { font-size:var(--text-11); color:var(--mist); line-height:1.55; min-height:2.6em; }
  .card .cp { font-size:var(--text-11); font-weight:700; letter-spacing:0.14em; color:var(--a,var(--act)); }
  .card.off { cursor:default; opacity:0.6; }
  .card.off:hover { transform:none; border-color:var(--panel); }
  .card.off .ct, .card.off .cp { color:var(--mist); }
  .sechead { margin-top:var(--space-24); font-size:var(--text-10); letter-spacing:0.14em; color:var(--mist); text-transform:uppercase; }
  #player { position:fixed; inset:0; background:var(--bg); display:none; flex-direction:column; }
  #player.show { display:flex; }
  #player .bar { display:flex; align-items:center; gap:var(--space-12); padding:var(--space-8) var(--space-12); border-bottom:1px solid var(--panel); }
  #player .bar b { font-size:var(--text-12); letter-spacing:0.12em; color:var(--tab); }
  #player .bar button { margin-left:auto; background:var(--bg); color:var(--act); border:1px solid var(--act);
    font-family:inherit; font-size:var(--text-11); padding:var(--space-4) var(--space-12); cursor:pointer; }
  #player .bar button:hover { background:var(--act); color:var(--bg); }
  #frame { flex:1; width:100%; border:0; background:var(--bg); }
  footer { margin-top:var(--space-24); font-size:var(--text-10); color:var(--mist); line-height:1.6; }