.fgs4-wrapper{ --bg:#0f172a; --card:#0b1020; --ink:#e5e7eb; --accent:#38bdf8; --good:#22c55e; --bad:#ef4444; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--ink); background:linear-gradient(180deg,#0b1020,#0f172a 30%); border-radius:1.25rem; padding:1rem; box-shadow:0 10px 40px rgba(0,0,0,.5);}
.fgs4-toolbar{ display:flex; gap:.5rem; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:.75rem}
.fgs4-btn{ background:linear-gradient(180deg,#1f2937,#0b1020); color:var(--ink); border:1px solid #334155; padding:.5rem .8rem; border-radius:.75rem; cursor:pointer; transition:.15s transform, .15s box-shadow; box-shadow:0 2px 0 #000;}
.fgs4-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.35)}
.fgs4-status{ font-weight:700; letter-spacing:.3px}
.fgs4-stage{ background:radial-gradient(60% 60% at 50% 0%, rgba(56,189,248,.08), transparent), #0b1020; border:1px solid #223; border-radius:1rem; min-height:320px; display:grid; place-items:center; padding:1rem; overflow:hidden}
.fgs4-help-panel{ background:#0b1020; border:1px solid #334155; border-radius:.75rem; padding:.75rem; margin-top:.75rem}
.fgs4-grid{ display:grid; gap:.5rem}
.fgs4-card{ background:linear-gradient(180deg,#0f172a,#020617); border:1px solid #223; border-radius:.75rem; display:grid; place-items:center; aspect-ratio:1; user-select:none; cursor:pointer; font-size:1.1rem; position:relative; overflow:hidden}
.fgs4-badge{ padding:.2rem .5rem; border-radius:.5rem; font-size:.8rem; background:#111827; border:1px solid #334155}
.fgs4-canvas{ width:min(560px,100%); height:360px; background:#020617; border-radius:1rem; border:1px solid #223}
.fgs4-row{ display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; align-items:center}
.fgs4-input{ background:#0b1020; border:1px solid #334155; color:#e5e7eb; border-radius:.5rem; padding:.5rem .6rem}
.fgs4-board8{ grid-template-columns: repeat(8, minmax(30px, 1fr)); width:min(560px,100%)}
.fgs4-board10{ grid-template-columns: repeat(10, minmax(26px, 1fr)); width:min(560px,100%)}
.fgs4-cell{ aspect-ratio:1; border-radius:.3rem; display:grid; place-items:center; border:1px solid #223}
.fgs4-piece{ width:70%; height:70%; border-radius:50%}
.fgs4-piece.w{ background:#e5e7eb}
.fgs4-piece.b{ background:#111827}