.sandwich-wrap{display:grid;gap:0;width:min(700px,100%);margin:0 auto;align-items:stretch}.sandwich-wrap>strong{display:grid;place-items:center;min-width:0;min-height:2rem;color:#cbd5e1;font:800 .78rem/1 ui-monospace,monospace}.sandwich-cell{box-sizing:border-box;width:100%;aspect-ratio:1;border:1px solid #64748b;background:#f8fafc;color:#111827;text-align:center;font:850 clamp(.72rem,2.3vw,1.25rem)/1 ui-monospace,monospace;appearance:textfield;outline:0}.sandwich-cell.given{display:grid;place-items:center;background:#e2e8f0}.sandwich-cell:focus{background:#ecfeff;box-shadow:inset 0 0 0 3px #0891b2;z-index:2}.sandwich-cell.box-top{border-top-width:3px}.sandwich-cell.box-left{border-left-width:3px}.sandwich-cell::-webkit-outer-spin-button,.sandwich-cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:560px){.sandwich-wrap{grid-template-columns:2rem!important}.sandwich-wrap>strong{font-size:.65rem;min-height:1.7rem}.sandwich-cell{font-size:clamp(.58rem,4vw,.95rem)}}