.afexkidz-oa{--bg:#05090f;--p:#0a1a22;--b:#244;--t:#9ff;--ok:#2a6;background:var(--bg);color:var(--t);border:1px solid #133;padding:8px;font:12px/1.2 monospace}
.afexkidz-oa *{box-sizing:border-box}
.afexkidz-oa .oa-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.afexkidz-oa .oa-btn{background:var(--p);color:var(--t);border:1px solid var(--b);padding:7px 10px}
.afexkidz-oa .oa-pill{margin-left:auto;display:flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--b);background:rgba(10,26,34,.7)}
.afexkidz-oa .oa-status{padding-right:8px;border-right:1px solid var(--b)}
.afexkidz-oa .oa-bpm{min-width:28px;text-align:right;display:inline-block}
.afexkidz-oa .oa-bpmlbl{opacity:.85}

.afexkidz-oa .oa-screen{position:relative;margin-top:8px;border:1px solid var(--b);background:#000;overflow:hidden}
.afexkidz-oa .oa-c{width:100%;height:320px;display:block}
.afexkidz-oa .oa-hud{position:absolute;inset:0;pointer-events:none}
.afexkidz-oa .oa-info{position:absolute;left:10px;top:10px;max-width:min(520px,90%);padding:8px 10px;background:rgba(10,26,34,.65);border:1px solid var(--b)}
.afexkidz-oa .oa-title{font-weight:700;letter-spacing:.5px}
.afexkidz-oa .oa-desc{opacity:.9;margin-top:4px}

.afexkidz-oa .oa-warpbar{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:8px}
.afexkidz-oa .oa-warp{pointer-events:auto;background:#112b22;color:var(--t);border:1px solid var(--ok);padding:10px 16px;min-width:140px}
.afexkidz-oa .oa-warp[disabled]{opacity:.4;filter:grayscale(1)}
.afexkidz-oa .oa-warphelp{opacity:.75}

.afexkidz-oa .oa-modbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.afexkidz-oa .oa-mod{background:var(--p);color:var(--t);border:1px solid var(--b);padding:8px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;min-height:46px}
.afexkidz-oa .oa-mod b{letter-spacing:.6px}
.afexkidz-oa .oa-modname{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afexkidz-oa .oa-mod em{font-style:normal;opacity:.75;font-size:11px}
.afexkidz-oa .oa-dot{width:8px;height:8px;border:1px solid var(--b);display:inline-block;border-radius:50%;background:transparent}
.afexkidz-oa .oa-dot.on{background:var(--t)}
.afexkidz-oa .oa-mod.muted{opacity:.45}

.afexkidz-oa .oa-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:10px;z-index:99999}
/* BUGFIX: ensure hidden actually hides (UA stylesheet can be overridden by display:flex) */
.afexkidz-oa .oa-modal[hidden]{display:none !important}

.afexkidz-oa .oa-card{width:min(780px,96vw);max-height:min(86vh,860px);overflow:auto;background:var(--p);border:1px solid var(--b);box-shadow:0 10px 40px rgba(0,0,0,.45)}
.afexkidz-oa .oa-cardtop{position:sticky;top:0;background:rgba(10,26,34,.95);border-bottom:1px solid var(--b);display:flex;align-items:center;gap:10px;padding:10px}
.afexkidz-oa .oa-cardtitle{font-weight:700}
.afexkidz-oa .oa-x{margin-left:auto;background:transparent;color:var(--t);border:1px solid var(--b);padding:6px 10px}
.afexkidz-oa .oa-cardbody{padding:10px}
.afexkidz-oa .oa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.afexkidz-oa .oa-row{display:flex;align-items:center;gap:10px}
.afexkidz-oa label{opacity:.9;min-width:92px}
.afexkidz-oa input[type=range]{width:100%}
.afexkidz-oa select{width:100%;background:#061018;color:var(--t);border:1px solid var(--b);padding:6px}
.afexkidz-oa .oa-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin-top:10px}
.afexkidz-oa .oa-step{height:22px;background:#061018;border:1px solid var(--b);padding:0}
.afexkidz-oa .oa-step.on{background:#0d2a33}
.afexkidz-oa .oa-step.play{outline:1px solid #6ff}
.afexkidz-oa .oa-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.afexkidz-oa .oa-actions button{background:#061018;color:var(--t);border:1px solid var(--b);padding:7px 10px}
.afexkidz-oa .oa-tog{background:#061018;color:var(--t);border:1px solid var(--b);padding:7px 10px}

@media (max-width:640px){
  .afexkidz-oa .oa-c{height:260px}
  .afexkidz-oa .oa-modbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .afexkidz-oa label{min-width:74px}
  .afexkidz-oa .oa-warpbar{flex-direction:column;align-items:stretch}
  .afexkidz-oa .oa-warp{width:100%}
}
/* MINPATCH_SCREEN_VH */
.afexkidz-oa .oa-c{height:min(86vh, 920px) !important}
@media (max-width:640px){ .afexkidz-oa .oa-c{height:min(72vh, 720px) !important} }

.afexkidz-oa .oa-map{
  background:#0b1a22;border:1px solid #2a6; color:#aef;
  padding:10px 14px; font-weight:800; letter-spacing:.8px;
  text-transform:uppercase;
}
.afexkidz-oa .oa-map[disabled]{opacity:.35;filter:grayscale(1)}