#c4-game{text-align:center;max-width:520px;margin:0 auto 40px}#c4-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}#c4-controls label{color:#8b949e;font-size:14px}#c4-depth{background:var(--card-bg);border:1px solid var(--border-color,#30363d);color:var(--text-color);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:14px}#c4-reset{background:var(--button-color,#8957e5);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-size:14px;transition:opacity .15s}#c4-reset:hover{opacity:.85}#c4-status{color:#8b949e;min-height:22px;margin-bottom:14px;font-size:15px}#c4-wrapper{display:inline-block;position:relative}#c4-cols{z-index:2;border-radius:12px;grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.c4-col-zone{transition:background .12s}.c4-col-zone:hover{background:#8957e51f}#c4-board{z-index:1;background:#1b2d42;border:2px solid #2d4a6a;border-radius:12px;grid-template-rows:repeat(6,52px);grid-template-columns:repeat(7,52px);gap:6px;padding:10px;display:grid;position:relative;box-shadow:0 4px 20px #0006}.c4-cell{background:#0d1117;border-radius:50%;width:52px;height:52px;transition:background .15s}.c4-human{box-shadow:0 0 8px #f5c51860;background:#f5c518!important}.c4-bot{box-shadow:0 0 8px #e5393560;background:#e53935!important}.c4-win{animation:.65s ease-in-out infinite alternate c4pulse}@keyframes c4pulse{0%{opacity:1}to{opacity:.45;transform:scale(.9)}}.c4-legend{color:#8b949e;justify-content:center;gap:24px;margin-top:12px;font-size:13px;display:flex}.c4-dot{vertical-align:middle;border-radius:50%;width:11px;height:11px;margin-right:5px;display:inline-block}@media (max-width:480px){#c4-board{grid-template-rows:repeat(6,40px);grid-template-columns:repeat(7,40px);gap:4px;padding:8px}.c4-cell{width:40px;height:40px}}
.iframe-wrapper{border:1px solid var(--border-color);border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 24px #00000059}.iframe-wrapper iframe{border:none;width:100%;height:640px;display:block}.open-link{margin-top:12px;font-size:14px;display:inline-block}
