.g-code-breaker{--mmd-c0:#d64545;--mmd-c1:#2f6fd0;--mmd-c2:#2f9e52;--mmd-c3:#c99106;--mmd-c4:#8a54cf;--mmd-c5:#dd7519;--mmd-c6:#d9498f;--mmd-c7:#128fa3;--mmd-peg:26px;--mmd-slot:54px;--mmd-fb:11px;--mmd-width:340px;gap:var(--sp-3);width:100%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .g-code-breaker{--mmd-c0:#f2837a;--mmd-c1:#74a8f7;--mmd-c2:#5cc984;--mmd-c3:#edc549;--mmd-c4:#b78cf2;--mmd-c5:#f2a556;--mmd-c6:#f181b4;--mmd-c7:#4ec9dc}}:root[data-theme=dark] .g-code-breaker{--mmd-c0:#f2837a;--mmd-c1:#74a8f7;--mmd-c2:#5cc984;--mmd-c3:#edc549;--mmd-c4:#b78cf2;--mmd-c5:#f2a556;--mmd-c6:#f181b4;--mmd-c7:#4ec9dc}.g-code-breaker [hidden]{display:none!important}.g-code-breaker :focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.g-code-breaker .mmd-rules{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--c-surface-2);color:var(--c-text-dim);font-size:var(--fs-xs);text-align:center;margin:0}.g-code-breaker .mmd-board{width:min(100%, var(--mmd-width));max-height:min(40vh,360px);padding:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:5px;display:flex;overflow:hidden auto}.g-code-breaker .mmd-row{align-items:center;gap:var(--sp-2);border-radius:var(--r-sm);border:2px solid #0000;padding:3px;display:flex}.g-code-breaker .mmd-row.is-next{border-color:color-mix(in srgb, var(--c-brand) 45%, transparent);background:var(--c-brand-soft)}.g-code-breaker .mmd-row.is-spent{opacity:.6}.g-code-breaker .mmd-rownum{min-width:1.5em;color:var(--c-text-faint);font-family:var(--font-num);font-size:var(--fs-xs);text-align:center}.g-code-breaker .mmd-pegs{gap:4px;display:flex}.g-code-breaker .mmd-peg{width:var(--mmd-peg);height:var(--mmd-peg);color:var(--mmd-c,var(--c-border));place-items:center;display:grid}.g-code-breaker .mmd-peg>svg,.g-code-breaker .mmd-slotshape>svg,.g-code-breaker .mmd-color>svg,.g-code-breaker .mmd-revealpeg>svg,.g-code-breaker .mmd-fbpeg>svg{width:100%;height:100%;display:block}.g-code-breaker .mmd-row.is-spent .mmd-pegs{visibility:hidden}.g-code-breaker .mmd-spentnote{color:var(--c-text-faint);font-size:var(--fs-xs)}.g-code-breaker [data-c="0"]{--mmd-c:var(--mmd-c0)}.g-code-breaker [data-c="1"]{--mmd-c:var(--mmd-c1)}.g-code-breaker [data-c="2"]{--mmd-c:var(--mmd-c2)}.g-code-breaker [data-c="3"]{--mmd-c:var(--mmd-c3)}.g-code-breaker [data-c="4"]{--mmd-c:var(--mmd-c4)}.g-code-breaker [data-c="5"]{--mmd-c:var(--mmd-c5)}.g-code-breaker [data-c="6"]{--mmd-c:var(--mmd-c6)}.g-code-breaker [data-c="7"]{--mmd-c:var(--mmd-c7)}.g-code-breaker .mmd-fb{grid-template-columns:repeat(var(--mmd-fbcols,2), var(--mmd-fb));gap:3px;margin-inline-start:auto;display:grid}.g-code-breaker .mmd-fbpeg{width:var(--mmd-fb);height:var(--mmd-fb);color:#0000}.g-code-breaker .mmd-fbpeg[data-m=exact]{color:var(--c-good)}.g-code-breaker .mmd-fbpeg[data-m=partial]{color:var(--c-accent)}.g-code-breaker .mmd-fbpeg[data-m=none]{color:var(--c-border)}.g-code-breaker .mmd-compose{justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap;width:100%;display:flex}.g-code-breaker .mmd-slots{gap:var(--sp-2);display:flex}.g-code-breaker .mmd-slot{width:var(--mmd-slot);height:var(--mmd-slot);min-width:var(--tap);min-height:var(--tap);border:2px dashed var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--mmd-c,var(--c-border));-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);place-items:center;padding:7px;font-family:inherit;display:grid;position:relative}.g-code-breaker .mmd-slot:not(.is-empty){border-style:solid}.g-code-breaker .mmd-slot.is-selected{border-style:solid;border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-soft)}.g-code-breaker .mmd-slot.is-locked{border-color:var(--c-good);background:var(--c-good-soft)}.g-code-breaker .mmd-slotshape{place-items:center;width:100%;height:100%;display:grid}.g-code-breaker .mmd-slotnum{color:var(--c-text-faint);font-family:var(--font-num);font-size:10px;line-height:1;position:absolute;inset-block-start:2px;inset-inline-start:5px}.g-code-breaker .mmd-slotlock{width:12px;height:12px;color:var(--c-good);opacity:0;position:absolute;inset-block-end:3px;inset-inline-end:4px}.g-code-breaker .mmd-slot.is-locked .mmd-slotlock{opacity:1}.g-code-breaker .mmd-submit,.g-code-breaker .mmd-retry{min-height:var(--tap);padding-inline:var(--sp-5);border-radius:var(--r-full);background:var(--c-brand);color:var(--c-brand-text);font-family:inherit;font-size:var(--fs-md);box-shadow:var(--shadow-sm);border:0;font-weight:700}.g-code-breaker .mmd-submit[aria-disabled=true]{background:var(--c-surface-2);color:var(--c-text-faint);box-shadow:none}.g-code-breaker .mmd-palette{justify-content:center;gap:var(--sp-2);width:min(100%, var(--mmd-width));flex-wrap:wrap;display:flex}.g-code-breaker .mmd-color{width:var(--tap);height:var(--tap);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--mmd-c,var(--c-text-faint));-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease);place-items:center;padding:8px;font-family:inherit;display:grid;position:relative}.g-code-breaker .mmd-color:active{transform:scale(.94)}.g-code-breaker .mmd-color.is-used{opacity:.4}.g-code-breaker .mmd-key{color:var(--c-text-faint);font-family:var(--font-num);font-size:10px;line-height:1;position:absolute;inset-block-start:1px;inset-inline-start:4px}.g-code-breaker .mmd-msg{min-height:2.8em;padding-inline:var(--sp-3);color:var(--c-text-dim);text-align:center;margin:0;font-weight:600}.g-code-breaker .mmd-msg.is-good{color:var(--c-good)}.g-code-breaker .mmd-reveal{align-items:center;gap:var(--sp-3);width:min(100%, var(--mmd-width));padding:var(--sp-4);border-radius:var(--r-lg);background:var(--c-brand-soft);text-align:center;flex-direction:column;display:flex}.g-code-breaker .mmd-revealtitle{color:var(--c-text);margin:0;font-weight:700}.g-code-breaker .mmd-revealpegs{gap:var(--sp-2);display:flex}.g-code-breaker .mmd-revealpeg{width:34px;height:34px;color:var(--mmd-c,var(--c-border))}@media (max-width:400px){.g-code-breaker{--mmd-peg:22px;--mmd-slot:46px;--mmd-fb:10px}}.g-code-breaker .mmd-row.is-fresh{animation:mmd-land .26s var(--ease)}@keyframes mmd-land{0%{opacity:0;transform:translateY(-6px)}}.g-code-breaker.is-still .mmd-row.is-fresh{animation:none}.g-code-breaker.is-still .mmd-slot,.g-code-breaker.is-still .mmd-color{transition:none}@media (prefers-reduced-motion:reduce){.g-code-breaker .mmd-row.is-fresh{animation:none}.g-code-breaker .mmd-slot,.g-code-breaker .mmd-color{transition:none}}