.box-status{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:nowrap;margin:12px auto 8px;text-align:center}.box-status>div{margin:0;min-width:0;text-align:center}.box-status #timer,.box-status #attempts,.box-status #boxProgress{display:block;margin:0;text-align:center;white-space:nowrap}.boxGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto));gap:0;width:min(94vw,560px);margin:28px auto;touch-action:none}.boxFace{width:100%;max-width:none;min-width:0}.boxFaceTitle{display:none}.boxFaceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);background:var(--surface);touch-action:none}.boxCell{aspect-ratio:1;min-width:0;padding:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-size:clamp(12px,2.6vw,21px);user-select:none;touch-action:none;-webkit-user-select:none;cursor:pointer}.boxCell:nth-child(3n){border-right:0}.boxCell:nth-last-child(-n+3){border-bottom:0}.boxCell.black{background:#000!important;color:#000!important;cursor:default}.boxCell.clue,.boxCell.chainCell{font-weight:bold}.boxCell.current{outline:4px solid var(--border);outline-offset:-4px}.boxCell:focus-visible{outline:3px solid var(--border);outline-offset:-3px}#boxProgress{font-family:monospace;font-size:18px}#message{min-height:24px;margin:10px auto}@media(max-width:700px){.boxGrid{width:96vw;margin-top:22px}.boxFaceTitle{font-size:10px;margin-bottom:4px}.boxCell{font-size:clamp(11px,2.8vw,17px)}}