body,h1{margin:0}a,a:link,a:visited{color:#2f36c1;text-decoration:none}.status,h1,h2{color:#333}a,a:link,a:visited,footer nav a,nav a{text-decoration:none}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f8ff;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;flex-direction:column}#game-container,#solver-container,.game-container,header{background-color:#fff;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);text-align:center;width:400px;max-width:100%}.loading.show,img{display:block}header{border-radius:15px;margin-bottom:5px}header a{font-size:2rem;font-weight:800!important;color:#de3163}header a:link,header a:visited{color:#de3163;text-decoration:none}nav a{color:#fff;margin:0 15px}h1{font-size:1.3rem;text-align:center;font-weight:700;line-height:normal}.solution,.status,a{font-weight:600}h2{font-size:1.2rem;margin:5px 0;text-align:center}.list-item-title,.solution,.status,button{font-size:16px}button{padding:12px 24px;background-color:#238527;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;margin:5px}.card-content button:hover,.list-item button:hover,.popup button:hover,button:hover{background-color:#45a049}.pagination button[disabled],button:disabled{background-color:#ccc;cursor:not-allowed}img{margin:0 auto;border-radius:10px;width:90%;box-shadow:0 4px 10px rgba(0,0,0,.2)}a{overflow-wrap:break-word}#game-container,#solver-container,.game-container{border-radius:15px}#sudoku-grid,.grid-container{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:0;width:100%;aspect-ratio:1;margin-top:20px;border:1px solid #2657b4}.cell input,.grid-container input{width:100%;height:100%;text-align:center;font-size:25px;border:1px solid #ccc;border-radius:0;box-sizing:border-box;transition:background-color .3s;background-color:transparent}.cell input:focus,.grid-container input:focus{outline:0;border-color:#4caf50;background-color:#e8f5e9}.red{background-color:#d41d5a}.status{margin:0;display:flex;justify-content:space-between}.status span{margin:0 10px}.status span span{font-weight:700;color:#4caf50}.difficulty-buttons{display:flex;justify-content:center;margin-bottom:10px}.difficulty-buttons button{margin:0 5px;background-color:#e76d0d}.difficulty-buttons button:hover{background-color:#f57c00}.solution{margin-top:10px;color:#fff;background-color:#4caf50;padding:10px;border-radius:8px;display:inline-block}.overlay,.popup{position:fixed;display:none}.popup{top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #4caf50;border-radius:8px;padding:20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:1000}.card-content button,.list-item button,.popup button{background-color:#238527;padding:10px 20px;border:none}.popup button{margin-top:20px;color:#fff;border-radius:5px;cursor:pointer}.overlay{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.card,footer{background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.article-container{margin-top:20px;text-align:left;font-size:16px;color:#333;line-height:1.6}.card-content,.loading,footer{text-align:center}.article-container h3{font-size:1.5rem;color:#2657b4;margin-bottom:10px}.card-content button,.list-item button,.pagination button{color:#fff;cursor:pointer;transition:background-color .3s}.article-container p{margin:10px 0}.list-container{max-width:800px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.cards-container,.pagination{display:flex;margin-top:20px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px}.list-item img{width:80px;height:80px;object-fit:cover;border-radius:10px}.list-item-title{font-weight:700;color:#333;flex:1;margin-left:15px}.card-content button,.list-item button{border-radius:5px}.pagination{justify-content:center}.pagination button{background-color:#007bff;border:none;border-radius:5px;padding:8px 16px;margin:0 5px}.pagination button:hover{background-color:#0056b3}footer{padding:20px;border-radius:15px;width:400px;max-width:100%;margin-top:5px}footer nav a{color:#000;margin:0 8px}footer p{margin:10px 0 0;font-size:14px}.cards-container{flex-wrap:wrap;justify-content:space-around;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:1100px}.card{border-radius:10px;overflow:hidden;transition:transform .3s;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.card:hover{transform:scale(1.05)}.card img{width:100%;height:100%;object-fit:cover}.card-content{padding:10px}.card-content h3{font-size:18px;font-weight:700;color:#333;margin-bottom:15px}.loading{display:none;font-size:12px;margin-top:10px}.pdf-preview{width:100%;max-width:200px;margin-bottom:10px}@media (max-width:768px){.cards-container{grid-template-columns:repeat(2,1fr)}#game-container,#solver-container,.game-container,footer,header{width:90%}header a{font-size:1.8rem}#sudoku-grid,.grid-container{grid-template-columns:repeat(9,1fr);width:100%;grid-gap:0}}@media (max-width:600px){.cards-container{grid-template-columns:repeat(2,1fr)}.card{width:100%}footer,header{width:90%}header a{font-size:1.8rem}#sudoku-grid{grid-template-columns:repeat(9,1fr);gap:2px}.cell{width:40px;height:40px;line-height:40px;font-size:16px}}@media (max-width:480px){.cards-container{grid-template-columns:repeat(2,1fr)}footer,header{width:90%}header a{font-size:1.8rem}#sudoku-grid,.grid-container{grid-template-columns:repeat(9,1fr);width:100%;grid-gap:0}#game-container,#solver-container,.game-container{width:90%;padding:15px}.cell input:focus,.grid-container input:focus{outline:0;border-color:#4caf50;background-color:#e8f5e9}button{padding:10px 20px;font-size:14px}h1{font-size:1.3rem;line-height:normal}}