.modal-selector{background:#fff;border-radius:8px;width:90%;max-width:600px;margin:auto;padding:1rem;display:inline-block;box-shadow:0 0 10px #0000001a}.modal-selector h2{margin-bottom:.5rem}.modal-selector .sets{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.modal-selector .sets img{cursor:pointer;object-fit:cover;border:5px solid #0000;border-radius:8px;width:100px;height:100px}.modal-selector .sets img.active{border-color:#6a5acd}.modal-selector .levels{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.modal-selector .play-btn{margin-top:1rem}.modal-selector .play-btn:disabled{cursor:not-allowed;background:#ccc}.modal-selector .play-btn:hover:not(:disabled){background:#ff6dd3}@media (width<=600px){.modal-selector{padding:.5rem}.modal-selector .sets img{width:70px;height:70px}.modal-selector .play-btn{padding:.5rem 1rem}}.puzzle-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;margin:auto;display:flex}@media (width<=768px){.puzzle-container{flex-direction:column;align-items:center}}.puzzle-container .info-panel{text-align:left;background:#ffffffe6;border-radius:8px;max-width:200px;height:500px;max-height:500px;padding:1rem;box-shadow:0 0 10px #0000001a}@media (width<=768px){.puzzle-container .info-panel{width:100%;max-width:100%;height:auto;margin-top:1rem}.puzzle-container .info-panel section{gap:1rem;display:flex}.puzzle-container .info-panel section div:last-child{padding-top:2rem}}.puzzle-container .info-panel button{margin:1rem auto;display:block}.puzzle-container .info-panel h3{margin:.5rem 0}.puzzle-container .info-panel .objective{border-radius:8px;width:100%;margin-bottom:.5rem}@media (width<=768px){.puzzle-container .info-panel .objective{width:150px}}.puzzle-container .info-panel ul{margin:.5rem 0;padding-left:1rem}.puzzle-container .puzzle-board{touch-action:none;border:2px solid #fff;flex-wrap:wrap;width:90vmin;max-width:500px;height:90vmin;max-height:500px;margin:auto;display:flex;box-shadow:0 0 10px #0000001a}.puzzle-container .puzzle-piece{cursor:pointer;background-size:cover;border:1px solid #ccc;transition:transform .3s}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#d0a9f5,#b39ddb);font-family:Chewy,sans-serif}.app{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex}button{color:#fff;cursor:pointer;background:#6a5acd;border:0;border-radius:8px;padding:.7rem 1rem;transition:background .3s}button:hover{background:#836fff}button.active{background:#ff6dd3}a{color:#333}a:hover{color:#6a5acd}footer{margin-top:auto;padding:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}