.ag-game-mastermind{--ps:clamp(32px,8.6vw,44px)}.ag-game-mastermind .cb-board{flex-direction:column;gap:10px;width:min(100%,460px);display:flex}.ag-game-mastermind .cb-secret{border:1px solid color-mix(in srgb,var(--cat) 40%,var(--hairline));background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 12%,var(--panel-soft)),var(--panel-soft));border-radius:14px;justify-content:center;align-items:center;gap:clamp(5px,1.6vw,9px);padding:10px 14px;display:flex}.ag-game-mastermind .cb-secret-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-right:6px;font-size:.68rem;font-weight:800}.ag-game-mastermind .cb-secret-pad{display:none}.ag-game-mastermind .cb-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ag-game-mastermind .cb-row{border:1px solid #0000;border-radius:12px;grid-template-columns:22px auto 1fr;align-items:center;gap:10px;padding:6px 12px 6px 8px;transition:background-color .2s,border-color .2s,opacity .2s;display:grid}.ag-game-mastermind .cb-row.is-past{background:var(--panel-soft)}.ag-game-mastermind .cb-row.is-active{background:color-mix(in srgb,var(--cat) 12%,var(--panel-soft));border-color:color-mix(in srgb,var(--cat) 65%,transparent);box-shadow:0 10px 30px -18px color-mix(in srgb,var(--cat) 80%,transparent)}.ag-game-mastermind .cb-row.is-future{opacity:.5}.ag-game-mastermind .cb-num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.ag-game-mastermind .cb-row.is-active .cb-num{color:var(--ink)}.ag-game-mastermind .cb-slots{gap:clamp(5px,1.6vw,9px);display:flex}.ag-game-mastermind .cb-peg{width:var(--ps);height:var(--ps);border:2px dashed color-mix(in srgb,var(--line) 60%,transparent);background:color-mix(in srgb,var(--bg) 55%,transparent);color:#0b0f26;font-size:calc(var(--ps) * .42);border-radius:50%;flex:none;place-items:center;padding:0;font-weight:900;line-height:1;display:grid;position:relative}.ag-game-mastermind .cb-peg.is-filled{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--peg) 55%,#fff),var(--peg) 55%,color-mix(in srgb,var(--peg) 78%,#000));border:0;animation:.16s ease-out cb-drop;box-shadow:0 3px 8px -3px #0000008c,inset 0 -2px 3px #0000002e}.ag-game-mastermind .cb-row.is-past .cb-peg.is-filled{animation:none}.ag-game-mastermind .cb-sym{pointer-events:none}.ag-game-mastermind .cb-slot{cursor:default}.ag-game-mastermind .cb-row.is-active .cb-slot{cursor:pointer;border-color:color-mix(in srgb,var(--cat) 55%,var(--line))}.ag-game-mastermind .cb-slot.is-cursor{outline:3px solid var(--cat);outline-offset:3px}.ag-game-mastermind .cb-slot:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ag-game-mastermind .cb-peg.is-hidden{border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:calc(var(--ps) * .4)}.ag-game-mastermind .cb-secret .cb-peg.is-filled{animation:.45s both cb-flip}.ag-game-mastermind .cb-feedback{grid-template-columns:repeat(2,12px);justify-self:end;gap:5px;display:grid}.ag-game-mastermind .cb-feedback[data-pegs="5"]{grid-template-columns:repeat(3,12px)}.ag-game-mastermind .cb-mark{background:color-mix(in srgb,var(--muted) 22%,transparent);vertical-align:-1px;border-radius:50%;width:12px;height:12px;display:inline-block}.ag-game-mastermind .cb-mark.is-exact{background:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ag-game-mastermind .cb-mark.is-near{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.ag-game-mastermind .cb-row.is-past .cb-mark{animation:.3s both cb-pop}.ag-game-mastermind .cb-tray{border:1px solid var(--hairline);background:var(--panel-soft);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:min(100%,640px);padding:12px;display:flex}.ag-game-mastermind .cb-palette{grid-template-columns:repeat(var(--n,6),auto);gap:8px;display:grid}.ag-game-mastermind .cb-pick{min-width:48px;color:var(--muted);--ps:40px;background:0 0;border:1px solid #0000;border-radius:12px;justify-items:center;gap:3px;padding:6px 4px 4px;display:grid}.ag-game-mastermind .cb-pick .cb-peg{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--peg) 55%,#fff),var(--peg) 55%,color-mix(in srgb,var(--peg) 78%,#000));border:0;box-shadow:0 3px 8px -3px #0000008c}.ag-game-mastermind .cb-pick:hover:not(:disabled){border-color:var(--cat);background:var(--panel)}.ag-game-mastermind .cb-pick:active:not(:disabled) .cb-peg{transform:scale(.92)}.ag-game-mastermind .cb-pick:disabled{opacity:.3}.ag-game-mastermind .cb-pick kbd{font:700 .68rem/1 var(--display,sans-serif);color:var(--muted)}.ag-game-mastermind .cb-tray-actions{gap:8px;display:flex}.ag-game-mastermind .cb-erase{min-width:52px;font-size:1.1rem}.ag-game-mastermind .cb-submit{min-width:130px}.ag-game-mastermind .cb-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;display:flex}.ag-game-mastermind .cb-key{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}@keyframes cb-drop{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes cb-pop{0%{transform:scale(0)}to{transform:none}}@keyframes cb-flip{0%{transform:rotateY(90deg)}to{transform:none}}@media (width<=560px){.ag-game-mastermind .cb-palette{grid-template-columns:repeat(var(--half,3),auto)}.ag-game-mastermind .cb-tray{flex-direction:column}.ag-game-mastermind .cb-tray-actions{width:100%}.ag-game-mastermind .cb-submit{flex:1}.ag-game-mastermind .cb-row{gap:8px;padding:5px 8px 5px 4px}}@media (prefers-reduced-motion:reduce){.ag-game-mastermind .cb-peg.is-filled,.ag-game-mastermind .cb-mark,.ag-game-mastermind .cb-secret .cb-peg.is-filled,.ag-game-mastermind .cb-row.is-past .cb-mark{animation:none}}@media (forced-colors:active){.ag-game-mastermind .cb-peg{border:1px solid canvastext}.ag-game-mastermind .cb-mark.is-exact{background:canvastext}.ag-game-mastermind .cb-mark.is-near{box-shadow:inset 0 0 0 2px canvastext}}