.keyboard-button{width:min(30vw,1920px);height:min(20vw,1440px);padding:0;border:none;background:transparent;border-radius:50%;margin-left:8px;cursor:pointer;transform-origin:center;transition:transform .16s ease;overflow:hidden;display:inline-grid;place-items:center}.keyboard-img{width:90%;height:90%;object-fit:contain;border:none}.keyboard-button:hover{transform:scale(1.06)}.keyboard-button:active{transform:scale(.96)}.keyboard-button:focus-visible{outline:3px solid rgba(0,120,215,.25);outline-offset:2px}main.app{display:flex;align-items:center;gap:12px;padding:16px}.counter-container{display:flex;flex-direction:column;gap:6px}:root{--counter-font-size: 36px;--increment-font-size: 30px}.counter-container{align-items:center}.counter-label{font-size:var(--counter-font-size);text-align:center}.increment-label{font-size:var(--increment-font-size);color:#666;text-align:center}.auto-buttons{margin-left:auto;--btn-height: 120px;display:grid;grid-auto-rows:var(--btn-height);row-gap:8px;align-items:stretch;width:450px}.auto-buttons button{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 12px}.purchase-button{display:flex;flex-direction:column;align-items:stretch;padding:24px;text-align:left}.purchase-head{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.purchase-main{display:flex;flex-direction:column;align-items:flex-start}.purchase-title{font-size:1.2rem;font-weight:600;color:#000}.purchase-cost{font-size:1.1rem;color:#000}.purchase-count{font-size:1.6rem;font-weight:700;width:64px;text-align:right;color:#000}.purchase-desc{font-size:.8rem;color:#000}