/* All rules are scoped to the birthday jigsaw. */
#gameScreen .jigsaw-card{max-width:1080px;background:#302041f2;padding:32px}
#gameScreen .jigsaw-card h1{font-size:clamp(2rem,4vw,3.2rem);margin:16px 0}
.jigsaw-intro{font-size:1rem!important;margin:0 auto 22px;max-width:730px}
.jigsaw-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.jigsaw-toolbar .btn,.jigsaw-footer .btn{font-size:.875rem;padding:11px 16px;min-height:44px;border-radius:10px}
.jigsaw-progress{min-width:150px;text-align:left;font-size:.875rem;color:#fff4d2}
.jigsaw-progress progress{display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;margin-top:8px;accent-color:#ffdc62;background:#ffffff25}
.jigsaw-progress progress::-webkit-progress-bar{background:#ffffff25}.jigsaw-progress progress::-webkit-progress-value{background:#ffdc62}.jigsaw-progress progress::-moz-progress-bar{background:#ffdc62}
.jigsaw-status{font-size:.875rem;font-weight:500;min-height:2.8em;line-height:1.4;margin:18px 0 8px}
.jigsaw-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}
.jigsaw-board-wrap{position:sticky;top:12px;padding:8px;background:#d1af6340;border:1px solid #ffdf8970;border-radius:10px;box-shadow:0 16px 35px #140d2444;z-index:1}
.jigsaw-board{position:relative;aspect-ratio:4/3;width:100%;background:#24182f;border-radius:3px;isolation:isolate;overflow:hidden}
.jigsaw-reference,.jigsaw-board>svg,.jigsaw-targets{position:absolute;inset:0;width:100%;height:100%}
.jigsaw-reference{object-fit:contain;pointer-events:none;opacity:.9;z-index:3}
.jigsaw-board>svg{pointer-events:none;z-index:2}
.jigsaw-board-label{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#cfbfdb55;font-size:clamp(9px,1vw,12px);letter-spacing:.17em;text-align:center;padding:10px}
.jigsaw-targets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));z-index:4}
.jigsaw-target{padding:0;border:1px solid #d2bbdf16;border-radius:0;background:transparent;cursor:pointer;min-width:0;min-height:0;transition:background .15s}
.jigsaw-target:not(:disabled):hover{background:#ffdc6218}.jigsaw-target:disabled{cursor:default}
.jigsaw-target:focus-visible{outline:3px solid #ffdc62;outline-offset:-4px;background:#ffdc621f}
.jigsaw-target.is-hint,.jigsaw-target.is-over{background:#ffdc6255;box-shadow:inset 0 0 0 3px #ffdc62}
.jigsaw-target.is-wrong{background:#e65c6860;box-shadow:inset 0 0 0 2px #ff9aa4}
.jigsaw-tray-heading{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin:0 0 12px}
.jigsaw-tray-heading h2{font:400 1.3rem/1.3 Georgia,serif;margin:0;color:#fff3dd}
.jigsaw-tray-heading span{font-size:.75rem;color:#cbbcd6;white-space:nowrap}
.jigsaw-tray{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start;min-height:130px}
.jigsaw-piece{display:block;position:relative;width:100%;aspect-ratio:224/214;background:#f5ecda;border:2px solid transparent;padding:1px;border-radius:8px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 3px 0 #170e2240}
.jigsaw-piece svg{display:block;width:100%;height:100%;pointer-events:none}
.jigsaw-piece:hover{background:#fff6db}.jigsaw-piece[aria-pressed=true]{border-color:#ffdc62;background:#b49966;box-shadow:0 0 0 2px #ffdc6250}
.jigsaw-piece:focus-visible{outline:3px solid #ffdc62;outline-offset:3px}
.jigsaw-piece.is-dragging{opacity:.35}
.jigsaw-drag-ghost{position:fixed;z-index:999;pointer-events:none;opacity:.94;filter:drop-shadow(0 8px 10px #0008);margin:0;transform:translate(-50%,-50%)}
.jigsaw-drag-ghost svg{display:block;width:100%;height:100%}
.jigsaw-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.jigsaw-board.is-complete{box-shadow:0 0 20px #ffdc6255}
.jigsaw-board.is-complete .jigsaw-targets{display:none}
.jigsaw-board.is-complete .jigsaw-reference{display:block;opacity:1}
@media(max-width:780px){#gameScreen .jigsaw-card{padding:24px 16px}.jigsaw-layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:580px;margin:auto}.jigsaw-board-wrap{position:relative;top:0}.jigsaw-tray{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.jigsaw-intro{font-size:.875rem!important}.jigsaw-status{min-height:3em}.jigsaw-toolbar{gap:8px}.jigsaw-progress{width:100%;text-align:center;max-width:280px;margin:0 auto 6px}.jigsaw-toolbar .btn{font-size:.8125rem;padding:10px 12px}}
@media(max-width:380px){#gameScreen .jigsaw-card{padding:22px 10px}.jigsaw-tray{grid-template-columns:repeat(4,minmax(0,1fr))}.jigsaw-board-wrap{padding:5px}}
@media(prefers-reduced-motion:reduce){.jigsaw-target{transition:none}}