.jigsaw-game-area{position:relative;width:100%;height:75vh;background-color:#fef3c7;border-radius:12px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.jigsaw-frame{border:8px solid #92400e;border-radius:4px;box-shadow:inset 0 0 0 2px #d97706,0 4px 12px #00000026;background-color:#f5f0e6;overflow:hidden}.jigsaw-frame--preview{width:50vw;max-width:700px;aspect-ratio:auto}.jigsaw-frame--play{position:absolute;top:50%;left:10px;transform:translateY(-50%);overflow:visible;background-color:#f5f0e699;background-image:linear-gradient(45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.03) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.03) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.03) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;z-index:0}.jigsaw-pieces-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.jigsaw-piece{position:absolute;cursor:grab;pointer-events:auto;transition:filter .15s ease}.jigsaw-piece:hover{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.jigsaw-piece--dragging{cursor:grabbing;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.4));z-index:9999!important}.jigsaw-piece--correct{pointer-events:none;filter:none;cursor:default}.jigsaw-preview-gauge{width:100%;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden}.jigsaw-preview-gauge__fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:6px;transition:width .1s linear}.jigsaw-game-area[style*=width]{height:auto}@keyframes jigsaw-clear-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.jigsaw-frame--cleared{animation:jigsaw-clear-pop .6s ease-in-out}@media(max-width:768px){.jigsaw-game-area{height:65vh}.jigsaw-frame--preview{width:60vw}}@media(max-width:480px){.jigsaw-game-area{height:55vh}}