:root{font-family:Inter,system-ui,sans-serif;color:#253446;background:#eef5fb}.app{max-width:1100px;margin:24px auto;background:white;border-radius:20px;padding:24px;box-shadow:0 12px 40px #0001}.header,.estado,.juego,.niveles{display:flex}.header{justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #dce6ef;padding-bottom:16px}.eyebrow{margin:0;color:#4b83b4;font-weight:700}.header h1{margin:4px 0 0}.niveles,.estado{gap:8px;flex-wrap:wrap}button{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}button.activo{background:#74b9ff;color:white}.estado{margin:18px 0;padding:12px;background:#173e61;color:white;border-radius:14px;align-items:center}.estado span{background:#ffffff18;padding:8px 12px;border-radius:999px}.origen{font-size:.9rem;color:#667}.juego{gap:28px;align-items:flex-start}.tablero-wrap{overflow:auto;flex:1;padding:8px 0}.tablero{display:grid;gap:1px;background:#1b1f23;border:3px solid #1b1f23;width:max-content}.casilla{position:relative;width:38px;height:38px;background:white}.casilla.resaltada{outline:3px solid #74b9ff;outline-offset:-3px;z-index:1}.numero-casilla{position:absolute;top:2px;left:3px;z-index:2;font-size:.58rem;font-weight:800;color:#334155;line-height:1;pointer-events:none}.celda{width:38px;height:38px;border:0;border-radius:0;background:white;text-align:center;font-size:1.2rem;font-weight:800;text-transform:uppercase;padding:0;box-sizing:border-box}.celda:focus{outline:3px solid #f59e0b;outline-offset:-3px}.celda.bloqueada{background:#1b1f23}.celda.error{background:#ffd9d9}.celda.ok{background:#dcf7e5}.pistas{min-width:320px;max-width:420px;display:grid;gap:16px}.grupo-pistas h3{margin:0 0 8px;font-size:1rem}.pista{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:7px;background:#f6f9fb;border:1px solid #e8eef4;border-radius:10px;color:#253446;font-weight:500;line-height:1.35}.pista:hover,.pista:focus{background:#eaf4ff;border-color:#9ac8ef;outline:none}.pista strong{color:#173e61}.pista small{color:#667}.mensaje{min-height:24px;font-weight:700}@media(max-width:760px){.header,.juego{flex-direction:column}.pistas{max-width:none;min-width:0;width:100%}.casilla,.celda{width:34px;height:34px}.app{margin:0;border-radius:0;min-height:100vh;padding:16px}}