Splashui Captcha?ap=1 -

.checkbox-wrapper input { width: 1.2rem; height: 1.2rem; accent-color: #4c7aff; cursor: pointer; }

const selectedArray = Array.from(selectedIndices); const isCorrect = expectedTargetIndices.length === selectedArray.length && expectedTargetIndices.every(idx => selectedIndices.has(idx));

.shield-icon { background: #2d3b5f; width: 44px; height: 44px; border-radius: 40px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: inset 0 1px 1px rgba(255,255,255,0.1), 0 4px 8px rgba(0,0,0,0.2); } splashui captcha?ap=1

.grid-item.selected { border-color: #4c7aff; background: #2d3f60; transform: scale(0.97); box-shadow: 0 0 0 2px rgba(76, 122, 255, 0.4); }

.grid-item { aspect-ratio: 1 / 1; background: #1e2a3e; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.15s ease; border: 2px solid transparent; font-size: 2.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .checkbox-wrapper input { width: 1.2rem

.api-badge { display: inline-block; background: #00000066; backdrop-filter: blur(4px); border-radius: 20px; padding: 0.2rem 0.7rem; font-size: 0.7rem; font-family: monospace; margin-left: 0.7rem; vertical-align: middle; color: #b9fbc0; }

/* SPLASH OVERLAY CARD (SplashUI style) */ .splash-captcha { max-width: 520px; width: 100%; background: rgba(20, 28, 40, 0.85); backdrop-filter: blur(20px); border-radius: 3rem; box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08); padding: 2rem 1.8rem 2rem 1.8rem; transition: all 0.2s ease; border: 1px solid rgba(255, 255, 255, 0.1); } } const selectedArray = Array.from(selectedIndices)

// append grid const grid = renderGrid(); dynamicContainer.appendChild(grid);