.pin-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(320px,100%);margin:10px auto 4px}
.pin-key{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:0 5px;border:1px solid #e3d8b4;border-radius:14px;background:#fff8df;color:#231f16;font:800 20px/1.15 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.pin-key:hover,.pin-key:focus-visible{background:#ffd633;border-color:#cca627}
.pin-key-action{font-size:14px;background:#f4f2ec}
.pin-key:focus-visible{outline:3px solid #7b5e00;outline-offset:2px}