body{background:#101e2a;padding:0 24px;margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:center;font-family:roboto,sans-serif}body h1{color:#72a24d;text-align:center;font-family:itim,sans-serif}body p{color:#f5f5f5;text-align:center}body button,body select{border-radius:1.7rem;padding:.75rem;display:block;margin:1rem auto 0;background-color:transparent;border:2px solid #72a24d;color:#f5f5f5;cursor:pointer;font-size:.75rem;transition:.5s all;font-weight:700;min-width:150px;text-align:center}body button.changelange,body select.changelange{position:absolute;top:0;right:0;margin:0;border-radius:0 0 0 1rem;border-color:transparent transparent #72a24d #72a24d;min-width:unset;padding:1rem;font-size:1rem}body button:disabled,body select:disabled{opacity:.5;cursor:not-allowed}body button:hover:not(body button:disabled,body select:disabled),body select:hover:not(body button:disabled,body select:disabled){color:#72a24d}body article.start{border:4px solid #72a24d;border-radius:1.75rem;padding:1.5rem}body article.start .players{display:flex;justify-content:space-around;align-items:center;margin-block:0 2rem}body article.start .players .player{width:50px;min-width:unset;aspect-ratio:1/1;padding:0;opacity:.5}body article.start .players .player.active{opacity:1;background:#72a24d26}body article.start .players .player:not(body article.start .players .player.active):hover{opacity:.75}body article .game{border:3px solid #72a24d;border-radius:.75rem;aspect-ratio:1/1;margin-top:1rem;width:min(90dvw,400px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);overflow:hidden}body article .game div{border:rgba(245,245,245,.418) solid 2px;width:100%;height:100%;display:grid;place-items:center;order:-12}body article .game div svg{transition:.5s all}@font-face{font-family:Roboto;font-weight:400;font-style:normal;font-display:swap;src:url(/tic-tac-to/fonts/Roboto-Regular.woff2) format("woff2"),url(/tic-tac-to/fonts/Roboto-Regular.woff) format("woff"),url(/tic-tac-to/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:Itim;font-weight:400;font-style:normal;font-display:swap;src:url(/tic-tac-to/fonts/Itim-Regular.woff2) format("woff2"),url(/tic-tac-to/fonts/Itim-Regular.woff) format("woff"),url(/tic-tac-to/fonts/Itim-Regular.ttf) format("truetype")}