@media (min-width: 768px) and (max-width: 1024px){.heading-L{font-size:40px;kerning:2.5px;font-weight:700}}.heading-M{font-size:24px;kerning:1.5px;font-weight:700}.heading-S{font-size:20px;kerning:1.25px;font-weight:700}.heading-XS{font-size:16px;kerning:1px;font-weight:700}.cuerpo{font-size:14px;kerning:.8px;font-weight:500}.inicio{display:flex;flex-direction:column;gap:32px;min-height:100vh;justify-content:center}@media (min-width: 768px){.inicio{margin-right:154px;margin-left:154px}}@media (min-width: 1220px){.inicio{margin-right:490px;margin-left:490px}}.inicio_logo{display:flex;justify-content:center}.inicio_selectPlayer{background-color:#1f3641;border-radius:15px;padding:24px;box-shadow:0 8px #10212a}.inicio_selectPlayer-title{margin-bottom:24px;color:#a8bfc9;text-align:center}.inicio_selectPlayer-subtitle{margin-top:16px;color:#a8bfc9;text-align:center}.inicio_selectPlayer-container{display:flex;justify-content:space-between;background-color:#1a2a33;border-radius:10px;padding:8px;cursor:pointer}.inicio_selectPlayer-container-option{padding:12px;display:flex;justify-content:center;width:50%;border-radius:10px}.inicio_newGameCpu{position:relative;background-color:#ffc860;color:#1a2a33;text-transform:uppercase;text-align:center;z-index:0;box-shadow:0 6px #f2b137;cursor:pointer;padding:17px 32px;border-radius:15px}.inicio_newGamePlayer{position:relative;background-color:#65e9e4;color:#1a2a33;text-transform:uppercase;text-align:center;z-index:0;box-shadow:0 6px #31c3bd;cursor:pointer;padding:17px 32px;border-radius:15px}.selected{background-color:#a8bfc9}.inicio_selectPlayer-container-option:not(.selected):hover{background-color:#1f3641}@media (min-width: 768px){.game{margin-right:154px;margin-left:154px;width:460px;display:flex;flex-direction:column;justify-content:center;min-height:100vh}}@media (min-width: 1220px){.game{margin-right:490px;margin-left:490px}}.game_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:64px}@media (min-width: 768px){.game_header{margin-bottom:20px}}.game_header-logo{cursor:pointer}.game_header-turno{background-color:#1f3641;color:#a8bfc9;padding:12px;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 5px #10212a;border-radius:5px}.game_header-turno img{width:16px;height:16px}@media (min-width: 768px){.game_header-turno img{width:20px;height:20px}}.game_header-restart{width:40px;height:40px;background-color:#a8bfc9;border-radius:5px;box-shadow:0 5px #6b8997;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (min-width: 768px){.game_header-restart{width:52px;height:52px;border-radius:10px}}.game_header-restart img{width:15px;height:15px}@media (min-width: 768px){.game_header-restart img{width:20px;height:20px}}.puntuacion{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.puntuacion_player{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;width:96px;height:64px}@media (min-width: 768px){.puntuacion_player{width:140px;height:72px}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.modal{background:#1f3641;padding-left:35px;padding-right:35px;text-align:center;width:100%;height:230px;z-index:1001;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.modal{height:266px;align-items:center}}.modal_title{color:#a8bfc9;margin-bottom:24px;font-size:24px;kerning:1.5px;font-weight:700}@media (min-width: 768px){.modal_title{font-size:40px;kerning:2.5px;font-weight:700}}.modal_buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}@media (min-width: 768px){.modal_buttons{justify-content:center;max-width:300px}}.modal_buttons-cancelar{position:relative;background-color:#a8bfc9;color:#1a2a33;text-transform:uppercase;text-align:center;z-index:0;box-shadow:0 6px #979797;cursor:pointer;padding:15px;border-radius:10px;width:100%}@media (min-width: 768px){.modal_buttons-cancelar{width:150px}}.modal_buttons-restart{position:relative;background-color:#ffc860;color:#1a2a33;text-transform:uppercase;text-align:center;z-index:0;box-shadow:0 6px #f2b137;cursor:pointer;padding:15px;border-radius:10px;width:100%}@media (min-width: 768px){.modal_buttons-restart{width:150px}}.modal .winner{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal .winner_text{color:#a8bfc9;margin-bottom:16px}.modal .winner_container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.modal .winner_img{width:30px;height:30px}@media (min-width: 768px){.modal .winner_img{height:64px;width:64px}}.modal .winner_title{font-size:24px;kerning:1.5px;font-weight:700}@media (min-width: 768px){.modal .winner_title{font-size:40px;kerning:2.5px;font-weight:700}}.yellow{color:#f2b137}.azul{color:#31c3bd}.tablero{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tablero .casilla{background-color:#1f3641;width:96px;height:96px;box-shadow:0 8px #10212a;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (min-width: 768px){.tablero .casilla{width:140px;height:140px}}.casilla.winner-X{background-color:#65e9e4;box-shadow:0 8px #31c3bd}.casilla.winner-O{background-color:#ffc860;box-shadow:0 8px #f2b137}.casilla-icon.X{background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.002%201.147%2032%2018.145%2048.998%201.147a3%203%200%200%201%204.243%200l9.612%209.612a3%203%200%200%201%200%204.243L45.855%2032l16.998%2016.998a3%203%200%200%201%200%204.243l-9.612%209.612a3%203%200%200%201-4.243%200L32%2045.855%2015.002%2062.853a3%203%200%200%201-4.243%200L1.147%2053.24a3%203%200%200%201%200-4.243L18.145%2032%201.147%2015.002a3%203%200%200%201%200-4.243l9.612-9.612a3%203%200%200%201%204.243%200Z'%20fill='%2331C3BD'%20fill-rule='evenodd'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;width:40px;height:40px}@media (min-width: 768px){.casilla-icon.X{width:64px;height:64px}}.casilla-icon.X:hover{background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M51.12%201.269c.511%200%201.023.195%201.414.586l9.611%209.611c.391.391.586.903.586%201.415s-.195%201.023-.586%201.414L44.441%2032l17.704%2017.705c.391.39.586.902.586%201.414%200%20.512-.195%201.024-.586%201.415l-9.611%209.611c-.391.391-.903.586-1.415.586a1.994%201.994%200%200%201-1.414-.586L32%2044.441%2014.295%2062.145c-.39.391-.902.586-1.414.586a1.994%201.994%200%200%201-1.415-.586l-9.611-9.611a1.994%201.994%200%200%201-.586-1.415c0-.512.195-1.023.586-1.414L19.559%2032%201.855%2014.295a1.994%201.994%200%200%201-.586-1.414c0-.512.195-1.024.586-1.415l9.611-9.611c.391-.391.903-.586%201.415-.586s1.023.195%201.414.586L32%2019.559%2049.705%201.855c.39-.391.902-.586%201.414-.586Z'%20stroke='%2331C3BD'%20stroke-width='2'%20fill='none'/%3e%3c/svg%3e")}.casilla-icon.O{background-image:url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M32%200c17.673%200%2032%2014.327%2032%2032%200%2017.673-14.327%2032-32%2032C14.327%2064%200%2049.673%200%2032%200%2014.327%2014.327%200%2032%200Zm0%2018.963c-7.2%200-13.037%205.837-13.037%2013.037%200%207.2%205.837%2013.037%2013.037%2013.037%207.2%200%2013.037-5.837%2013.037-13.037%200-7.2-5.837-13.037-13.037-13.037Z'%20fill='%23F2B137'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;width:40px;height:40px}@media (min-width: 768px){.casilla-icon.O{width:64px;height:64px}}.casilla-icon.O:hover{background-image:url("data:image/svg+xml,%3csvg%20width='66'%20height='66'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%201c17.673%200%2032%2014.327%2032%2032%200%2017.673-14.327%2032-32%2032C15.327%2065%201%2050.673%201%2033%201%2015.327%2015.327%201%2033%201Zm0%2018.963c-7.2%200-13.037%205.837-13.037%2013.037%200%207.2%205.837%2013.037%2013.037%2013.037%207.2%200%2013.037-5.837%2013.037-13.037%200-7.2-5.837-13.037-13.037-13.037Z'%20stroke='%23F2B137'%20stroke-width='2'%20fill='none'/%3e%3c/svg%3e")}.casilla-icon.X.winner{background-image:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M31.5569%205.28973L26.7103%200.443061C26.1195%20-0.147687%2025.1617%20-0.147687%2024.571%200.443061L16%209.01404L7.42902%200.443061C6.83827%20-0.147687%205.88048%20-0.147687%205.28973%200.443061L0.443061%205.28973C-0.147687%205.88048%20-0.147687%206.83827%200.443061%207.42902L9.01404%2016L0.443061%2024.571C-0.147687%2025.1617%20-0.147687%2026.1195%200.443061%2026.7103L5.28973%2031.5569C5.88048%2032.1477%206.83827%2032.1477%207.42902%2031.5569L16%2022.986L24.571%2031.5569C25.1617%2032.1477%2026.1195%2032.1477%2026.7103%2031.5569L31.5569%2026.7103C32.1477%2026.1195%2032.1477%2025.1617%2031.5569%2024.571L22.986%2016L31.5569%207.42902C32.1477%206.83827%2032.1477%205.88048%2031.5569%205.28973Z'%20fill='%231A2A33'/%3e%3c/svg%3e");width:40px;height:40px}@media (min-width: 768px){.casilla-icon.X.winner{width:64px;height:64px}}.casilla-icon.O.winner{background-image:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M31.7412%2015.8706C31.7412%207.10551%2024.6357%200%2015.8706%200C7.10551%200%200%207.10551%200%2015.8706C0%2024.6357%207.10551%2031.7412%2015.8706%2031.7412C24.6357%2031.7412%2031.7412%2024.6357%2031.7412%2015.8706ZM9.4048%2015.8706C9.4048%2012.2996%2012.2996%209.4048%2015.8706%209.4048C19.4416%209.4048%2022.3364%2012.2996%2022.3364%2015.8706C22.3364%2019.4416%2019.4416%2022.3364%2015.8706%2022.3364C12.2996%2022.3364%209.4048%2019.4416%209.4048%2015.8706Z'%20fill='%231A2A33'/%3e%3c/svg%3e");width:40px;height:40px}@media (min-width: 768px){.casilla-icon.O.winner{width:64px;height:64px}}html *{margin:0}body{font-family:Outfit,sans-serif;background-color:#1a2a33;margin:24px}