.puzzle-panel{max-width:1100px;margin:auto;padding:28px;background:#fff;border-radius:20px;border:1px solid #d9e9e1}.puzzle-panel h2{color:#166534}.puzzle-layout{display:grid;grid-template-columns:minmax(240px,420px) minmax(200px,1fr);gap:28px;align-items:center}.jigsaw-board{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;aspect-ratio:1}.jigsaw-tile{border:2px solid #c5dfd1;border-radius:6px;background-color:#f5faf7;background-size:300% 300%;cursor:pointer;position:relative}.jigsaw-tile span{position:absolute;bottom:3px;right:4px;background:#fffD;color:#166534;font-size:10px;padding:1px 4px;border-radius:3px}.jigsaw-tile.selected{outline:3px solid #16a34a;outline-offset:0}.puzzle-reference img{display:block;width:100%;max-width:300px;height:250px;object-fit:contain;margin:auto}.puzzle-panel [hidden]{display:none!important}.puzzle-actions,#puzzleLetters{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.letter-slots{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.letter-slots span,.letter-tile{display:grid;place-items:center;width:45px;height:52px;border:1px solid #bedfca;border-radius:8px;font:600 24px Poppins,sans-serif;background:#edf9f2;color:#166534}.letter-tile{cursor:pointer}.letter-tile:disabled{opacity:.35}.puzzle-panel button:focus-visible{outline:3px solid #4ade80;outline-offset:3px}#puzzleFeedback{min-height:28px;color:#166534;font-weight:600}.puzzle-panel p{line-height:1.7;color:#536b65}.scorebar a{text-decoration:none}@media(max-width:650px){.puzzle-layout{grid-template-columns:1fr}.puzzle-reference img{height:170px}.puzzle-panel{padding:18px}}

.puzzle-size-picker{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d9e9e1}.puzzle-size-picker h2{margin-top:0}.puzzle-size-picker .button[aria-pressed=true]{background:#166534;color:white}.puzzle-panel [data-puzzle-size]{min-height:44px}.jigsaw-board{width:100%;max-width:500px;gap:2px;overflow:hidden}.jigsaw-tile{border:0;border-radius:0;background-repeat:no-repeat}.jigsaw-tile span{font-size:9px}.puzzle-panel[data-puzzle=jigsaw] .puzzle-reference img{width:100%;max-width:300px;height:auto;aspect-ratio:1;object-fit:fill}.puzzle-layout[hidden],.puzzle-actions[hidden]{display:none!important}

.puzzle-panel .letter-slots{display:grid;gap:clamp(3px,.5vw,7px);width:100%;min-width:0;align-items:center}.puzzle-panel .letter-slots span{width:100%;min-width:0;height:clamp(36px,4vw,52px);font-size:clamp(14px,1.8vw,24px)}.puzzle-panel.instrument-bank{max-height:none;height:auto;overflow:visible}.puzzle-panel .puzzle-layout{min-width:0}.puzzle-panel #puzzleLetters{justify-content:center}