@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}body,html{height:100%;margin:0;padding:0;box-sizing:border-box}body,main{flex-direction:column;align-items:center}body{display:flex;justify-content:flex-start;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:"Inter",sans-serif;text-align:center}main{padding:1rem;overflow:hidden;max-width:900px;margin-bottom:2rem}h1{font-size:3rem;font-weight:700;color:transparent;background:linear-gradient(135deg,#ff7e5f,#feb47b);-webkit-background-clip:text;background-clip:text;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.2);padding:1rem 0;animation:fadeIn 1s ease-out;height:auto;margin:2rem auto 1rem}a{display:inline-block;text-decoration:none;color:#1a4aa1;position:absolute;top:20px;left:50px;height:20px;width:20px;transition:color .3s ease;z-index:1}a:hover{color:#45a049}#tablero{display:grid;grid-template-columns:repeat(9,1fr);gap:0;border:3px solid #000;max-width:800px;max-height:90vh;margin:0 auto}#numeros-usados span,.cell{text-align:center;font-weight:700}.cell,h1{width:100%}.cell{border:1px solid #999;font-size:calc(2vh + 1vw);outline:0;height:100%;box-sizing:border-box}#numeros-usados,main{display:flex;justify-content:center}#numeros-usados{margin:1rem auto;gap:.6rem;flex-wrap:wrap;width:100%}#numeros-usados span{width:calc(6vw);max-width:80px;height:40px;line-height:40px;border-radius:8px;background:#f5f5f5;color:#1a4aa1;font-size:1.2rem;user-select:none;cursor:pointer;transition:background .3s,transform .2s,color .3s;box-shadow:0 2px 5px rgba(0,0,0,.1)}#numeros-usados span:hover{background:#d0e3ff;transform:scale(1.1);color:#1a4aa1}#numeros-usados span.resaltado{background:#ffd54f;color:#000}#numeros-usados span.oculto{opacity:.4;pointer-events:none;text-decoration:line-through}.cell.resaltado{background-color:rgba(255,255,0,.3)}.cell:read-only.resaltado{background-color:rgba(255,255,0,.3)}.botones{margin-top:1rem;margin-bottom:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.botones button{background-color:#2d89ef;color:#fff;border:0;padding:.6rem 1.4rem;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;border-radius:.5rem;cursor:pointer;transition:background-color .3s,transform .2s;box-shadow:0 4px 8px rgba(0,0,0,.1)}.botones button:hover{background-color:#1b65c2;transform:scale(1.05)}.botones button:active{transform:scale(.97);background-color:#144a8a}.cell:read-only{background-color:#ddd;font-weight:700}.cell.incorrect{background-color:#ffd0d0}.cell:nth-child(3n+1){border-left:3px solid #000}.cell:nth-child(n+1):nth-child(-n+9),.cell:nth-child(n+28):nth-child(-n+36),.cell:nth-child(n+55):nth-child(-n+63){border-top:3px solid #000}.cell:nth-child(9n){border-right:3px solid #000}.cell:nth-child(n+73){border-bottom:3px solid #000}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);justify-content:center;align-items:center}.modal-contenido{background:#fff;padding:2rem;border-radius:10px;text-align:center;max-width:90%}.modal-contenido h2{font-size:1.8rem;margin-bottom:1rem}#cerrar-modal{padding:.5rem 1rem;font-size:1rem;margin-top:1rem;background-color:#4caf50;color:#fff;border:0;border-radius:6px;cursor:pointer}#cerrar-modal:hover{background-color:#45a049}@media (max-width:767px){h1{font-size:2.5rem}.botones button{font-size:1rem;padding:.5rem 1rem}#tablero{width:90vw;height:90vw}.botones{margin:1rem 0}}@media (min-width:768px){h1{font-size:4rem}a{width:30px;height:30px}#tablero{width:60vw;height:60vw}}