.puzzle-container{text-align:center;font-family:Arial,sans-serif;background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,39%,.6));padding:20px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.2);max-width:600px;margin:50px auto}h1{font-size:2.5rem;color:#f0eded;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.score{font-size:1.5rem;color:#e9e4e4;font-weight:700;margin:10px 0}.complete-button,.start-button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#676b68;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin:10px}.complete-button{background-color:#555252}.grid{display:grid;grid-template-columns:repeat(8,50px);grid-gap:5px;gap:5px;margin:20px auto;background:hsla(0,1%,44%,.8);padding:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:max-content}.block,.grid{justify-content:center;border-radius:10px}.block{width:50px;height:50px;display:flex;align-items:center;cursor:pointer;transition:transform .2s ease,background-color .3s;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block.filled{background-color:#fff;border:2px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1)}.block.filled:hover{transform:scale(1.1);background-color:#f0f0f0}.block.empty{background-color:#f0f0f0;border:2px dashed #ccc}h2{font-size:1.8rem;color:#333;margin-top:30px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.board{list-style:none;padding:0;margin:2rem auto;max-width:500px;display:flex;flex-direction:column;gap:1rem}.scoreofboard{background:linear-gradient(135deg,#1f1c2c,#928dab);color:#fff;padding:1rem;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.25);font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;border-left:6px solid gold}.scoreofboard:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.35)}.scoreofboard br{margin-bottom:6px}.scoreofboard:before{content:"🏆 ";font-size:1rem}.leaderboardcolor{color:#fff}.scoreofboard .player-section{font-size:1rem;font-weight:700;display:block;margin-bottom:6px;text-align:justify}@media (max-width:768px){.grid{grid-template-columns:repeat(8,minmax(30px,1fr));gap:3px;padding:10px}.block{width:40px;height:40px;font-size:1.2rem}}@media (max-width:400px){.grid{grid-template-columns:repeat(8,minmax(28px,1fr))}.block{width:35px;height:35px;font-size:1rem}}.next-level-button{background-color:#fff;color:#000;padding:12px 24px;font-size:18px;border:none;border-radius:10px;cursor:pointer;margin-top:20px;transition:background-color .3s ease,transform .2s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:25px;border-radius:12px;width:320px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.2);animation:fadeIn .3s ease-in-out}.modal-content h2{margin-bottom:15px;font-size:20px;font-weight:700;color:#333}.modal-content input{width:90%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:.2s}.modal-content input:focus{border-color:#4caf50;box-shadow:0 0 5px rgba(76,175,80,.5)}.modal-content button{background:#4caf50;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;transition:.2s}.modal-content button:disabled{background:#bbb;cursor:not-allowed}.modal-content button:hover:not(:disabled){background:#43a047}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}