:root{--dark-navy:#1a2a33;--semi-dark-navy:#1f3641;--light-blue:#31c3bd;--light-blue-hover:#65e9e4;--light-yellow:#f2b137;--light-yellow-hover:#ffc860;--silver:#a8bfc9;--silver-hover:#dbe8ed;--blue-shadow:#118c87;--dark-shadow:#10212a;--yellow-shadow:#cc8b13;--silver-shadow:#6b8997}*{margin:0;padding:0;box-sizing:border-box;text-align:center;text-transform:uppercase}html{position:relative}body{min-height:100vh}button{border:none}button:focus{border:none;outline:none}button:disabled{opacity:.3}@media (hover:hover) and (pointer:fine){.bg-yellow:hover{background:var(--light-yellow-hover)}.bg-silver:hover{background:var(--silver-hover)}.bg-blue:hover{background:var(--light-blue-hover)}.x-hover{position:absolute;width:100%;height:100%;background-color:var(--dark-orange)}.cell-background-x:hover{background-image:url(/icon-x-outline.1540efc7.svg)}.cell-background-o:hover,.cell-background-x:hover{background-repeat:no-repeat;background-position:50%;background-size:40px}.cell-background-o:hover{background-image:url(/icon-o-outline.8e3f9e86.svg)}}html{font-size:10px}.m-h-large{font-size:4rem;letter-spacing:.25rem;font-weight:700}.m-h-medium{font-size:2.4rem;letter-spacing:.15rem;font-weight:700}.m-h-small{font-size:2rem;letter-spacing:.125rem;font-weight:700}.m-h-extrasmall{font-size:1.6rem;letter-spacing:.1rem;font-weight:700}.m-normal{font-size:1.4rem;letter-spacing:.08rem;font-weight:500}.m-small-normal{font-size:1.2rem;letter-spacing:.075rem;font-weight:500}.bg-yellow{background:var(--light-yellow);color:var(--yellow-shadow)}.bg-blue{background:var(--light-blue);color:var(--blue-shadow)}.bg-silver{background:var(--silver);color:var(--silver-shadow)}.bg-dark-navy{background:var(--dark-navy);color:var(--dark-shadow)}.bg-semi-dark-navy{background:var(--semi-dark-navy)}.cl-yellow{color:var(--light-orange)}.cl-blue{color:var(--light-blue)}.cl-silver{color:var(--silver)}.cl-dark-navy{color:var(--dark-navy)}.cl-semi-dark-navy{color:var(--semi-dark-navy)}.active-mark-button{background:none!important;color:var(--silver)!important}.m-btn-start{height:56px;border-radius:15px;width:100%}.btn-msg{height:52px;border-radius:10px}.m-btn-reset{height:40px;width:40px;border-radius:5px}.quit-btn{width:76px;margin-right:16px}.nextround-restart-btn{width:146px}.quit-resize{width:139px!important;margin-right:16px}.next-round-resize{width:151px!important}.shadow{box-shadow:inset 0 -8px 0}.small-shadow{box-shadow:0 4px}.not-show-element{display:none!important}.disabled{opacity:.3}.cell-background-x{background-image:url(/icon-x.e9791456.svg);background-size:40px}.cell-background-win-x,.cell-background-x{background-repeat:no-repeat;background-position:50%}.cell-background-win-x{background-image:url(/icon-x-outline.1540efc7.svg);background-color:var(--light-blue)!important;background-size:44px}.cell-background-o{background-image:url(/icon-o.352b5810.svg);background-size:40px}.cell-background-o,.cell-background-win-o{background-repeat:no-repeat;background-position:50%}.cell-background-win-o{background-image:url(/icon-o-outline.8e3f9e86.svg);background-color:var(--light-yellow)!important;background-size:44px}.msg-background-x{background-image:url(/icon-x.e9791456.svg)}.msg-background-o,.msg-background-x{background-repeat:no-repeat;background-size:contain}.msg-background-o{background-image:url(/icon-o.352b5810.svg)}body{display:flex;align-items:center;justify-content:center}#new-game,#start{width:327px}#new-game header{width:71.97px;height:32px;margin:0 auto 32px;background:url(/logo.6f302f37.svg);background-repeat:no-repeat;background-position:50%}#player-choice{padding:24px 24px 30px;margin-bottom:32px;border-radius:15px}#choose-x-o{border-radius:10px;margin-top:24px;margin-bottom:17px;padding:9px 8px}#choose-x-o button{width:calc(50% - 8px);height:54px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--silver);color:inherit}#choose-x-o button .svg-wrapper{width:31.74px;height:31.74px}#player-choice p{opacity:.5}#new-game footer button:last-child{margin-top:16px}#start{align-self:flex-start}#start header{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}#start header .logo-wrapper{width:71.97px;height:32px;background:url(/logo.6f302f37.svg);background-repeat:no-repeat;display:flex;align-self:center}#start header .turn{width:100%;display:flex;align-items:center;justify-content:center}#start header .turn svg{flex-basis:16px}#start header .turn path{fill:var(--silver)!important}#start .turn p{font-weight:700;line-height:1.8rem;margin-left:9px}#start header .button-wrapper{text-align:right}#start header button{background-image:url(/icon-restart.553e7087.svg);background-position:50%;background-repeat:no-repeat;background-size:38.5%}#cells{height:327px;margin-top:64px;margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:20px}#cells>div{border-radius:10px;box-shadow:inset 0 -8px 0 var(--dark-shadow);background-color:var(--semi-dark-navy);display:flex;align-items:center;justify-content:center}#start footer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:64px;grid-gap:20px}#start footer div{border-radius:10px;color:var(--dark-navy);align-items:center}#dialog-box,#start footer div{display:flex;flex-direction:column;justify-content:center}#dialog-box{background:rgba(0,0,0,.5);position:absolute;width:100vw;height:100vh;border:none}#dialog-box:not([open]){display:none}#msg{height:228px;flex-direction:column}#msg,#msg-body{display:flex;justify-content:center;align-items:center}#msg-body{color:var(--light-yellow);margin-top:16px;margin-bottom:24px}#msg-body #msg-icon-container{width:28px;height:28px;margin-right:8px}#msg-body #restart,#msg-body #tied{margin-top:-16px}@media (min-width:550px){.h-large{font-size:4rem;letter-spacing:.25rem;font-weight:700}.h-medium{font-size:2.4rem;letter-spacing:.15rem;font-weight:700}.h-small{font-size:2rem;letter-spacing:.125rem;font-weight:700}.h-extrasmall{font-size:1.6rem;letter-spacing:.1rem;font-weight:700}.normal{font-size:1.4rem;letter-spacing:.08rem;font-weight:500}.btn-start{height:67px;border-radius:15px}.btn-reset{height:52px;width:52px;border-radius:10px}.cell-background-x{background-size:63.46px}.cell-background-win-x{background-size:67.46px}.cell-background-o{background-size:63.46px}.cell-background-win-o{background-size:67.46px}#new-game,#start{width:460px}#new-game header,#player-choice{margin-bottom:40px}#new-game footer button:last-child{margin-top:20px}#start{align-self:center}#start header .turn svg{flex-basis:20px}#start .turnp p{font-weight:700;margin-left:13px}#cells{margin-top:19px;margin-bottom:20px;height:460px}#cells div div{width:64px}#start footer{grid-template-rows:72px}#start footer h4{line-height:30px}#msg{height:266px}#msg-body{margin-top:23px;margin-bottom:31px}#msg-body #msg-icon-container{width:64px;height:64px;margin-right:24px}#msg-body #restart,#msg-body #tied{margin-top:-23px}@media (hover:hover) and (pointer:fine){.cell-background-o:hover,.cell-background-x:hover{background-size:63.46px}}}
/*# sourceMappingURL=/style.fbf49409.css.map */