body{background-color:#43115b;margin:0;padding:2vh 3.5vw;font-family:Fredoka,sans-serif;font-size:62.5%}@media (width<=1166px){body{padding:8vh 3.5vw 2vh;transition:padding .15s ease-in-out}}@media (width<=658px){body{padding-bottom:2.8rem;transition:padding-bottom .15s ease-in-out}}@media (width<=426px){body{padding:0 0 2.75rem;transition:padding .15s ease-in-out}}@supports (font-variation-settings:normal){body{font-family:Fredoka Variable,sans-serif}}@font-face{font-family:Fredoka Variable;font-weight:500 700;src:url(/Tic-Tac-Toe/assets/fredoka-CfBhsFXY.ttf)format("truetype"),url(/Tic-Tac-Toe/assets/fredoka-CfBhsFXY.ttf)format("truetype-variations")}@font-face{font-family:Fredoka;font-weight:500;src:url(/Tic-Tac-Toe/assets/Fredoka-Medium-HjNNTbBH.ttf)format("truetype")}@font-face{font-family:Fredoka;font-weight:600;src:url(/Tic-Tac-Toe/assets/Fredoka-SemiBold-D7dtRrwL.ttf)format("truetype")}@font-face{font-family:Fredoka;font-weight:700;src:url(/Tic-Tac-Toe/assets/Fredoka-Bold-BvORzsf3.ttf)format("truetype")}@font-face{font-family:Inter;font-weight:700;src:url(/Tic-Tac-Toe/assets/Inter-Bold-zdiomvYZ.ttf)format("truetype")}.fredoka-md,.score-card :first-child{font-family:Fredoka,sans-serif;font-weight:500}.fredoka-sb,.score-card :last-child{font-family:Fredoka,sans-serif;font-weight:600}.fredoka-bd,#game-button,table button,#title{font-family:Fredoka,sans-serif;font-weight:700}@supports (font-variation-settings:"wght" 500){.fredoka-md,.score-card :first-child{font-family:Fredoka Variable,sans-serif;font-weight:500}}@supports (font-variation-settings:"wght" 600){.fredoka-sb,.score-card :last-child{font-family:Fredoka Variable,sans-serif;font-weight:600}}@supports (font-variation-settings:"wght" 700){.fredoka-bd,#game-button,table button,#title{font-family:Fredoka Variable,sans-serif;font-weight:700}}.inter,#toast p{font-family:Inter,sans-serif;font-weight:700}.github{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:600}#actions{justify-content:normal;align-items:normal;gap:1em;display:grid;position:absolute;bottom:3em;right:3em}@media (width<=658px){#actions{display:flex;bottom:-3.75em;right:0}}@media (width<=426px){#actions{bottom:-3.5em;right:1em}}#backdrop{background-color:#5a1e76;border-radius:3rem;justify-content:center;align-items:center;gap:1em;width:93vw;height:96vh;display:grid;position:relative;overflow:hidden}@media (width<=1166px){#backdrop{height:auto;margin:auto;overflow:visible}}@media (width<=426px){#backdrop{border-radius:0;width:100vw;padding-top:5em;transition:all .15s ease-in-out}}@media (width<=376px){#backdrop{padding:5.5em 0 .2em}}table{border-spacing:1.2em;margin:3em 0 2em}@media (width<=1166px){table{margin:2em 0}}@media (width<=321px){table{margin:1.2em 0}}#title{color:#dcbf3f;pointer-events:none;font-size:20em;position:absolute;bottom:.11em}#title p{margin:0 0 0 -.12em;line-height:.56em}#title p:nth-child(2){color:#72cff9}@media (width<=1166px){#title{font-size:5em;display:flex;top:-1.15em;bottom:auto}#title p{margin:.5em .1em .5em 0;line-height:1rem}#title p:nth-child(2){z-index:0}}@media (width<=426px){#title{top:-.1em;bottom:auto;left:.5em}}#score-board{justify-content:center;align-items:normal;gap:1em;display:flex}#score-board>:first-child{background-color:#48d2fe}#score-board>:nth-child(2){background-color:#bcdbf9}#score-board>:last-child{background-color:#e2be00}.action-button,.action-button:visited{color:#24292f;white-space:nowrap;background-color:#ebf0f4;background-image:linear-gradient(#f6f8fa,#ebf0f4 90%);border:1px solid #ccd1d5;border-radius:.25rem;justify-content:normal;justify-self:end;align-items:center;gap:.4em;width:auto;max-width:1.35em;padding:.2em .5em .2em .3em;font-size:1.3em;text-decoration:none;transition:max-width 1s ease-in-out;display:flex;overflow:hidden}.action-button.hovered,.action-button:visited.hovered{max-width:15em}table button{color:#43115b;cursor:pointer;opacity:1;background-color:#43115b;border:none;border-radius:.5rem;width:6em;height:6em;transition:opacity .15s}table button:hover{color:#5a1e76;background-color:#5a1e76}table button:disabled{pointer-events:none}table button.x{cursor:default;color:#48d2fe;background-color:#43115b;border-radius:.5rem;width:5rem;height:5rem;font-size:5em}table button.o{cursor:default;color:#e2be00;background-color:#43115b;border-radius:.5rem;width:5rem;height:5rem;font-size:5em}#game-button{cursor:pointer;text-transform:capitalize;background-color:#fff;border:none;border-radius:.2rem;justify-self:center;width:18em;padding:.8em;font-size:1rem}#game-button:hover{background-color:#c5a0d7}#game-button.turn{cursor:default;text-transform:none;border-radius:.5rem}#game-button.x-turn{background-color:#48d2fe}#game-button.o-turn{background-color:#e2be00}#game-container{background-color:#2b0040;border-radius:2rem;justify-content:normal;align-items:normal;gap:0;padding:5em 7em;display:grid}@media (width<=1166px){#game-container{margin:1.5rem 0;padding:4em 5em}}@media (width<=465px){#game-container{margin:.5rem 0;padding:4em 3em}}@media (width<=376px){#game-container{border-radius:.75rem;padding:3.5em 2.5em}}@media (width<=321px){#game-container{margin:.2rem 0 .4rem;padding:3em 1em}}.score-card{text-align:center;text-transform:uppercase;border-radius:.5rem;width:6em;height:5em;padding:1em}.score-card :first-child{margin:.8em 0 0;font-size:1em}.score-card :last-child{margin:.2em 0 0;font-size:1.8em}#toast{justify-self:center;position:relative}#toast p{color:#fff;z-index:1;background-color:#06802f;border-radius:.2rem;margin:0 0 2em;padding:.8rem 2.5rem;font-size:1.5em;position:relative}@media (width<=321px){#toast p{padding:.8rem 1.5rem}}#toast>picture>img{width:3.5em;height:4em;position:absolute;bottom:2em}#toast :first-child>img{left:-2em}#toast :last-child>img{right:-2em}