.sequence-game{max-width:640px}.sequence-hud{margin-bottom:14px}.sequence-stage{width:100%}.sequence-prompt{color:var(--pixel-accent-light);font-family:var(--font-pixel);text-align:center;text-transform:uppercase;margin:0 0 18px;font-size:.8rem}.sequence-values{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.sequence-value{border:3px solid var(--pixel-border);min-width:3.8rem;min-height:3.8rem;color:var(--pixel-white);font-family:var(--font-mono);background:#00000057;place-items:center;padding:0 .5rem;font-size:1rem;display:grid}.sequence-unknown{border-color:var(--pixel-accent);color:var(--pixel-accent-light);font-family:var(--font-pixel);font-size:1.35rem}.sequence-form{gap:8px;max-width:320px;margin:0 auto;display:grid}.sequence-label{color:#f4f0e899;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:.68rem}.sequence-input-row{align-items:center;gap:10px;display:flex}.sequence-input{border:3px solid var(--pixel-border);min-width:0;color:var(--pixel-white);font-family:var(--font-mono);background:#0006;flex:1;padding:10px 12px;font-size:1rem}.sequence-input:focus{border-color:var(--pixel-accent);outline:none}.sequence-submit{white-space:nowrap;margin:0}.sequence-feedback{border:3px solid var(--pixel-border);text-align:center;padding:14px}.sequence-feedback.is-correct{border-color:var(--pixel-good);background:#59c98f1f}.sequence-feedback.is-wrong{border-color:var(--pixel-bad);background:#e74c4c1f}.sequence-feedback p{color:#f4f0e8b8;font-family:var(--font-mono);margin:5px 0;font-size:.78rem}.sequence-feedback .sequence-verdict{color:var(--pixel-white);font-family:var(--font-pixel);text-transform:uppercase;font-size:.9rem}.sequence-feedback.is-correct .sequence-verdict{color:var(--pixel-good)}.sequence-feedback.is-wrong .sequence-verdict{color:var(--pixel-bad)}.sequence-feedback strong{color:var(--pixel-accent-light)}.sequence-rule{color:#f4f0e88c!important;margin-top:12px!important}@media (max-width:480px){.sequence-stage{padding:18px 12px}.sequence-value{min-width:3rem;min-height:3rem;font-size:.85rem}.sequence-input-row{flex-direction:column;align-items:stretch}}