#so-phase-label{text-align:center;color:var(--game-text-secondary)}.so-cells{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:480px}.seq-cell{width:50px;height:50px;background:var(--game-bg-surface);border:3px solid var(--game-border-color);border-radius:10px;box-shadow:var(--game-shadow-sm);display:flex;align-items:center;justify-content:center;font:700 1.2rem/1 var(--game-font-mono);color:transparent;transition:all .2s ease}.seq-cell--active{background:var(--game-accent-yellow);color:var(--game-text-on-accent);transform:scale(1.1);box-shadow:0 0 20px #ffd93d80}.seq-cell--correct{background:var(--game-accent-green);color:var(--game-text-on-accent)}.seq-cell--wrong{background:var(--game-accent-red);color:#fff}.seq-cell--cursor{border-color:var(--game-accent-blue);box-shadow:0 0 12px #00d2ff66}.seq-cell--typing{color:var(--game-text-primary)}.so-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px}.so-key{min-height:46px;background:var(--game-bg-surface);border:var(--game-border-thick) solid var(--game-border-color);border-radius:var(--game-radius-md);box-shadow:var(--game-shadow-sm);color:var(--game-text-primary);font:800 1.15rem/1 var(--game-font-body);cursor:pointer}.so-key:active{transform:scale(.9)}.so-key--wide{grid-column:2}.so-key:disabled{opacity:.4}