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