.qx-fit{place-items:center;width:100%;height:100%;display:grid}.qx-board{--qx-side:min(88vw,340px);gap:calc(var(--qx-side)*.022);width:var(--qx-side);height:var(--qx-side);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}@supports (container-type:size){.qx-board{--qx-side:min(100cqw,100cqh,26rem)}}.qx-corner{gap:calc(var(--qx-side)*.005);border-radius:calc(var(--qx-side)*.028);border:1px solid var(--color-slate);background:var(--color-offwhite);padding:calc(var(--qx-side)*.008);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);transition:opacity .3s,filter .3s;display:grid}.qx-corner.locked{opacity:.4;filter:grayscale(.5)}.qx-num,.qx-slot,.qx-target{border-radius:calc(var(--qx-side)*.014);border:1px solid var(--color-slate);font-family:var(--font-dm-sans);place-items:center;font-weight:800;line-height:1;display:grid}.qx-num{color:var(--color-navy);font-size:calc(var(--qx-side)*.048);background:#00b8751a}.qx-slot{background:var(--color-paper)}.qx-target{background:var(--color-slate);color:var(--color-red);font-size:calc(var(--qx-side)*.054)}.qx-target.solved{background:var(--color-teal);color:#fff}.qx-op{border-radius:calc(var(--qx-side)*.014);width:100%;height:100%;color:var(--color-navy);font-family:var(--font-dm-sans);cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;place-items:center;font-weight:800;line-height:1;transition:background .18s,border-color .18s,transform .12s;display:grid}.qx-op.sm{font-size:calc(var(--qx-side)*.048)}.qx-op.lg{font-size:calc(var(--qx-side)*.072)}.qx-op:not(:disabled):active{transform:scale(.92)}.qx-op:focus-visible{outline:3px solid var(--color-navy);outline-offset:-2px}.qx-op:disabled{color:var(--color-slate);opacity:.4;cursor:not-allowed}.qx-op.hinted{background:var(--color-sand);border-color:var(--color-sand)}.qx-op.active{border-color:var(--color-teal);background:#00b8751f}.qx-final-slot{border-radius:calc(var(--qx-side)*.028);border:1px solid var(--color-slate);background:var(--color-paper);place-items:center;display:grid}.qx-centre{border-radius:calc(var(--qx-side)*.05);background:var(--color-navy);color:#fff;font-family:var(--font-fraunces),Georgia,serif;font-size:calc(var(--qx-side)*.085);place-items:center;font-weight:600;display:grid;box-shadow:0 4px 8px #0003}.qx-centre.won{background:var(--color-teal)}.qx-centre svg{width:calc(var(--qx-side)*.1);height:calc(var(--qx-side)*.1)}.qx-readout{background:var(--color-paper);text-align:center;border-radius:12px;margin-bottom:8px;padding:8px 10px}.qx-readout-title{font-family:var(--font-dm-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy);font-size:.6rem;font-weight:900}.qx-readout-eq{font-family:var(--font-dm-sans);letter-spacing:.02em;color:var(--color-ink);overflow-wrap:anywhere;margin:2px 0;font-size:.9rem;font-weight:700}.qx-readout-note{font-family:var(--font-dm-sans);font-size:.75rem;font-weight:700}.qx-ops{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.qx-key{border:2px solid var(--color-slate);background:var(--color-offwhite);height:clamp(44px,6.2svh,56px);color:var(--color-ink);font-family:var(--font-dm-sans);cursor:pointer;touch-action:manipulation;border-radius:10px;font-size:1.25rem;font-weight:800;transition:transform 90ms}.qx-key:active{transform:scale(.93)}.qx-key:focus-visible{outline:3px solid var(--color-navy);outline-offset:2px}.qx-key.del{background:var(--color-red);color:#fff;border-color:#0000;place-items:center;display:grid}.qx-hint-count{background:var(--color-teal);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding-inline:3px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}@media (min-width:768px){.qx-key{background:var(--color-paper)}.qx-readout{background:var(--color-offwhite)}}@media (prefers-reduced-motion:reduce){.qx-corner,.qx-op,.qx-key{transition:none}}