.codepad{display:flex;flex-direction:column;align-items:center;gap:10px}.code-boxes{display:flex;gap:6px;align-items:center;justify-content:center}.code-box{width:44px;height:58px;display:grid;place-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;background:#0d1117;border:3px solid var(--edge-dark);border-top-color:var(--edge-light);border-left-color:var(--edge-light);border-radius:3px;color:var(--gold)}.code-box.empty{color:#2c3646}.code-dash{width:14px;height:4px;background:var(--edge-light)}.keypad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:min(100%,720px)}.keypad button{min-height:var(--tap);padding:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px}.keypad button.wide{grid-column:span 2;font-family:inherit;font-size:15px}.message{min-height:1.4em;color:var(--gold);text-align:center}@media(max-height:460px){.codepad{gap:8px}.code-box{width:38px;height:46px;font-size:26px}.keypad{gap:5px}.keypad button{min-height:48px;font-size:18px}.keypad button.wide{min-height:48px;font-size:14px}.message{font-size:13px}}