*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Outfit,sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{background:#1a2a33;min-height:100vh;display:flex;justify-content:center;align-items:center}.game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.status{width:328px;display:flex;justify-content:space-between;align-items:center}.pageLogo{display:flex;gap:8px}.pageLogo img{width:32px}.nextPlayerInfo{background:#1f3641;border-radius:8px;font-size:14px;font-weight:700;width:96px;height:40px;line-height:17.64px;letter-spacing:.875px;text-align:center;color:#a8bfc9;padding:9px 15px;box-shadow:0 -4px #10212a inset}.status button{border:none;border-radius:8px;padding:12px;background:#a8bfc9;box-shadow:0 -4px #6b8997 inset;transition:background .2s ease}.status button:hover{background:#dbe8ed}.allBoards{width:348px}.square{width:96px;height:96px;background:#1f3641;margin:10px;border:none;border-radius:12px;transition:background .3s ease;box-shadow:0 -8px #10212a inset}.square:hover{background-color:#a8bfc9}.square.disabled{pointer-events:none}.square img{margin:0 auto 8px}.board-row:after{clear:both;content:"";display:table}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{width:375px;height:228px;background-color:#1f3641;padding:40px 48px;border-radius:4px;position:relative;text-align:center}.modal-content h2{margin:0;font-size:24px}.modal-buttons{margin-top:24px;display:flex;gap:16px;justify-content:center}.close{display:inline-block;background:#f2b137;border:none;font-size:18px;font-weight:700;line-height:20.16px;letter-spacing:1px;text-align:center;color:#1a2a33;padding:15px 16px;border-radius:8px;cursor:pointer;transition:background .2s ease;box-shadow:0 -4px #cc8b13 inset}.close:hover{background:#ffc860}.quit{font-size:16px;font-weight:700;border-radius:8px;line-height:20.16px;letter-spacing:1px;text-align:center;padding:15px 17px;color:#1a2a33;background:#a8bfc9;transition:background .2s ease;box-shadow:0 -4px #6b8997 inset;cursor:pointer}.quit:hover{background:#dbe8ed}.scoreboard{width:328px;display:flex;justify-content:center;gap:20px}.score{background:#a8bfc9;padding:12px 20px;border-radius:12px;text-align:center;min-width:96px;min-height:64px}.score p{font-size:14px;font-weight:400;line-height:17.64px;letter-spacing:.875px;text-align:center;color:#1a2a33}.score h3{font-size:20px;font-weight:700;line-height:25.2px;letter-spacing:1.25px;text-align:center;color:#1a2a33}.crossWins{background:#31c3bd}.circleWins{background:#f2b137}@media (width >= 768px){.status{width:460px}.nextPlayerInfo{width:140px;height:52px;padding:13px 30px;font-size:18px;font-weight:700;line-height:20.16px;letter-spacing:1px}.status button{width:52px;height:52px}.status button img{width:20px;margin-left:3px}.allBoards{width:480px}.square{width:140px;height:140px}.square img{width:64px}.scoreboard{width:460px}.score{width:140px}.modal-content{width:400px}}