.puzzle-solver{position:relative;--board-color:#f0d9b5;max-width:100%;width:clamp(320px,60vw,600px)}.puzzle-board{aspect-ratio:1;width:100%}.puzzle-board cg-wrap{height:100%!important;width:100%!important}.puzzle-status{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);color:#d4c5a0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;padding:.625rem 1rem;text-align:center;text-transform:uppercase;transition:all .3s}.puzzle-status.status-correct{background:#228b2226;border-color:#4ade804d;color:#4ade80}.puzzle-status.status-wrong{background:#dc262626;border-color:#f872724d;color:#f87171}.puzzle-status.status-solved{background:#b89c4826;border-color:#b89c484d;color:#b89c48}.promotion-overlay{align-items:center;background:#0009;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:20}.promotion-choices{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.15);display:flex;gap:.5rem;padding:.75rem}.promotion-btn{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#d4c5a0;cursor:pointer;display:flex;font-size:2rem;height:3.5rem;justify-content:center;transition:background .2s;width:3.5rem}.promotion-btn:hover{background:#b89c484d;border-color:#b89c4880}