.decoder{display:flex;flex-wrap:wrap;gap:12px 24px;background:#fffaf0;border:2px solid var(--ink);padding:14px 18px;margin:0 0 26px;box-shadow:4px 4px 0 var(--blue);font-size:.86rem}
.decoder strong{color:var(--blue)}
.machine,.halve-board{border:2px solid var(--ink);background:#f8f1dd;padding:18px;margin:14px 0 18px;position:relative;overflow:hidden}
.machine:after{content:"";position:absolute;right:-32px;bottom:-42px;width:125px;height:125px;border:18px double #d94a3240;border-radius:50%;pointer-events:none}
.input-tag{display:inline-block;background:var(--blue);color:white;padding:5px 9px;margin-bottom:12px;transform:rotate(-1deg)}
.trace-line{font-weight:700;min-height:54px;line-height:1.7;padding:8px 0;max-width:85%}
.short-answer,.code-answer{display:block;width:100%;border:2px solid var(--ink);background:#fffdf7;padding:13px;margin:8px 0 12px}
.code-answer{font-family:"DM Mono",monospace}
.button-row{display:flex;flex-wrap:wrap;gap:10px}
.hint-toggle{border:0;border-bottom:2px solid var(--blue);background:transparent;color:var(--blue);cursor:pointer;padding:9px 4px}
.number-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;min-height:46px}
.number-path span{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;background:var(--sun);font-weight:800}
.number-path i{font-style:normal;font-weight:800}
.locked{opacity:.55;filter:grayscale(.45);pointer-events:none}
.locked .lock-note{display:block}
.lock-note{display:none;background:var(--ink);color:#fff;padding:7px 10px;margin:-20px -20px 18px;font-size:.78rem}
.solution{margin-top:18px;border:3px solid var(--green);background:#e3f2e5;padding:18px}
.solution h3{font-size:1.5rem}
.status-card{margin-top:28px}
.state-btn[aria-pressed="true"]{outline:4px solid var(--blue);outline-offset:3px}
button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
@media(max-width:600px){.decoder{display:grid}.trace-line{max-width:100%}.button-row>*{flex:1 1 44%}.nav-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}