@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:100;src:local("Raleway Thin "),local("Raleway-Thin"),url(/static/media/raleway-latin-100.16d7dcebbcc7dee6b7c8.woff2) format("woff2"),url(/static/media/raleway-latin-100.b0fca85ee49e3971c045.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:100;src:local("Raleway Thin italic"),local("Raleway-Thinitalic"),url(/static/media/raleway-latin-100italic.dafbfe171d778172c57f.woff2) format("woff2"),url(/static/media/raleway-latin-100italic.4c06a4ee32ce7b3b091d.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:200;src:local("Raleway Extra Light "),local("Raleway-Extra Light"),url(/static/media/raleway-latin-200.c95847626f3360d879e9.woff2) format("woff2"),url(/static/media/raleway-latin-200.b5cd4204f7fc864d773e.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:200;src:local("Raleway Extra Light italic"),local("Raleway-Extra Lightitalic"),url(/static/media/raleway-latin-200italic.a06d7fd4fecf6f769b96.woff2) format("woff2"),url(/static/media/raleway-latin-200italic.f9ed96b19cd4b0a7ee5a.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:300;src:local("Raleway Light "),local("Raleway-Light"),url(/static/media/raleway-latin-300.1be2c8dbe8588729c85c.woff2) format("woff2"),url(/static/media/raleway-latin-300.8f254453a1fc40c97013.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:300;src:local("Raleway Light italic"),local("Raleway-Lightitalic"),url(/static/media/raleway-latin-300italic.570b544b0afb1e88be8b.woff2) format("woff2"),url(/static/media/raleway-latin-300italic.6d4ac1d3b0a6e2c3ae5a.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:local("Raleway Regular "),local("Raleway-Regular"),url(/static/media/raleway-latin-400.d0033942a11996c40380.woff2) format("woff2"),url(/static/media/raleway-latin-400.f8d47ad7f580d88f4807.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:400;src:local("Raleway Regular italic"),local("Raleway-Regularitalic"),url(/static/media/raleway-latin-400italic.b555863d757a83720f7d.woff2) format("woff2"),url(/static/media/raleway-latin-400italic.68c0bd48ad5470c34432.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:500;src:local("Raleway Medium "),local("Raleway-Medium"),url(/static/media/raleway-latin-500.86050dec57a4fdafb363.woff2) format("woff2"),url(/static/media/raleway-latin-500.627800d124ceee1f74f4.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:500;src:local("Raleway Medium italic"),local("Raleway-Mediumitalic"),url(/static/media/raleway-latin-500italic.5ef638e15485a61b1601.woff2) format("woff2"),url(/static/media/raleway-latin-500italic.eb7a94a4abbb87742f65.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:600;src:local("Raleway SemiBold "),local("Raleway-SemiBold"),url(/static/media/raleway-latin-600.0a42ae35c39a08f3db47.woff2) format("woff2"),url(/static/media/raleway-latin-600.21c028af1b458a12a29e.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:600;src:local("Raleway SemiBold italic"),local("Raleway-SemiBolditalic"),url(/static/media/raleway-latin-600italic.4773bb08635e12dc9219.woff2) format("woff2"),url(/static/media/raleway-latin-600italic.4d6bafd6fb17ead14def.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:700;src:local("Raleway Bold "),local("Raleway-Bold"),url(/static/media/raleway-latin-700.368328471c9cb6626306.woff2) format("woff2"),url(/static/media/raleway-latin-700.6aded4d72c6088cfa96b.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:700;src:local("Raleway Bold italic"),local("Raleway-Bolditalic"),url(/static/media/raleway-latin-700italic.e430931267180c156abd.woff2) format("woff2"),url(/static/media/raleway-latin-700italic.744e43f35d44a20783d1.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:800;src:local("Raleway ExtraBold "),local("Raleway-ExtraBold"),url(/static/media/raleway-latin-800.c1d9d698b3aea9612cc9.woff2) format("woff2"),url(/static/media/raleway-latin-800.9f55a982c90528f32916.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:800;src:local("Raleway ExtraBold italic"),local("Raleway-ExtraBolditalic"),url(/static/media/raleway-latin-800italic.e87d055fb33f4e0b8cb9.woff2) format("woff2"),url(/static/media/raleway-latin-800italic.18fd02483646c7a5d9c5.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:900;src:local("Raleway Black "),local("Raleway-Black"),url(/static/media/raleway-latin-900.6b4dcc755b6685d1f417.woff2) format("woff2"),url(/static/media/raleway-latin-900.7916b2df8f4907823671.woff) format("woff")}@font-face{font-display:swap;font-family:Raleway;font-style:italic;font-weight:900;src:local("Raleway Black italic"),local("Raleway-Blackitalic"),url(/static/media/raleway-latin-900italic.ee04d481fc9443398a11.woff2) format("woff2"),url(/static/media/raleway-latin-900italic.eaf775c2192c8a32f14b.woff) format("woff")}.scoreboard{align-items:center;display:flex;gap:22px;justify-content:center;left:50%;position:absolute;top:calc(25vh - 125px);transform:translate(-50%,-50%);z-index:2}.score-separator{color:#ffffffeb;font-size:42px;font-weight:500;line-height:1}.score-side{grid-column-gap:16px;grid-row-gap:6px;align-items:center;column-gap:16px;display:grid;row-gap:6px}.score-cross{grid-template-areas:"name value" "role value";justify-content:end}.score-circle{grid-template-areas:"value name" "value role";justify-content:start}.score-name{grid-area:name;justify-self:center}.score-value{--digit-size:54px;font-feature-settings:"lnum";font-variant-numeric:lining-nums;grid-area:value;height:var(--digit-size);line-height:1;min-width:-webkit-min-content;min-width:min-content;overflow:hidden}.score-value>span{display:block;font-size:calc(var(--digit-size)*1000/729);line-height:1;margin-top:calc(var(--digit-size)*-134/729)}.score-role{color:#ffffffd1;font-size:16px;font-weight:600;grid-area:role;justify-self:center;line-height:1;white-space:nowrap}.score-name,.score-value{font-weight:700;line-height:1}.score-name{font-size:32px}.light .score-cross{color:var(--light-first)}.light .score-circle{color:var(--light-second)}.dark .score-cross{color:var(--dark-first)}.dark .score-circle{color:var(--dark-second)}@media (max-width:768px){.scoreboard{top:calc(25vh - 91px)}}@media (max-width:481px){.scoreboard{gap:20px;padding-bottom:0;top:calc(25vh - 61px)}.score-side{column-gap:10px;row-gap:4px}.score-value{--digit-size:36px}.score-name{font-size:20px}.score-role{font-size:12px}.score-separator{font-size:28px}}.boxes{grid-gap:3.5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;left:0;position:absolute;top:0;width:100%}.board-stage{height:501px;position:relative;width:501px}.box{cursor:pointer;height:160px;width:160px}.svg-board{stroke:#000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none;height:501px;width:501px}.line{stroke:#fff;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 1.25s cubic-bezier(.65,0,.45,1) forwards}.circle,.cross{stroke-width:12.5;stroke-dasharray:1000;stroke-dashoffset:1000;animation:dash 1s cubic-bezier(.65,0,.45,1) forwards;transition:stroke .5s ease-out}.win-line{stroke:#fff;stroke-width:14;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800}.win-line.draw{animation:dash .45s cubic-bezier(.65,0,.45,1) forwards}.win-overlay{align-items:center;display:flex;flex-direction:column;gap:14px;left:50%;position:absolute;top:calc(100% + 28px);transform:translateX(-50%);z-index:4}.win-title{font-size:42px;font-weight:700;letter-spacing:.02em;line-height:1}.light .win-title.x{color:var(--light-first)}.light .win-title.o{color:var(--light-second)}.dark .win-title.x{color:var(--dark-first)}.dark .win-title.o{color:var(--dark-second)}.win-title.draw{color:#fff}.play-again{background:#fff;border:0;border-radius:999px;color:#1f3a93;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:12px 28px;white-space:nowrap}.dark .play-again{color:#263238}@keyframes dash{to{stroke-dashoffset:0}}@media (max-width:768px){.board-stage{height:364px;width:364px}.boxes{grid-gap:2px}.box{cursor:pointer;height:120px;width:120px}.svg-board{height:364px;width:364px}}@media (max-width:481px){.board-stage{height:242px;width:242px}.boxes{grid-gap:1px}.box{cursor:pointer;height:80px;width:80px}.svg-board{height:242px;width:242px}.line{stroke-width:5}.circle,.cross{stroke-width:7.5}.win-line{stroke-width:8}.win-title{font-size:32px}}.about-button,.settings-button{bottom:0;cursor:pointer;height:125px;position:absolute;width:125px}.settings-button{border-top-right-radius:125px;left:0}.about-button,.settings-button{transition:background-color .5s ease-out}.about-button{border-top-left-radius:125px;right:0}.button-icon{bottom:25px;font-size:48px;position:absolute}.settings-button .button-icon{left:25px}.about-button .button-icon{right:25px}.see-github{font-weight:700;justify-content:center;text-decoration:none}.options-items,.see-github{align-items:center;display:flex}.options-items{justify-content:space-around;margin-bottom:25px}.options-items:first-child{margin-top:25px}.options-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;padding:10px;width:100px}.options-item .option-icon{font-size:48px;margin-bottom:10px}.player-option{min-height:118px}.active.player-option,.player-option{height:auto;padding-left:6px;padding-right:6px;width:100px}.option-role{font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.2;margin-top:4px;opacity:.8}.active{border-radius:15px;color:#fff;height:100px;padding:10px;width:100px}@media (max-width:481px){.about-button,.settings-button{height:100px;width:100px}.button-icon{bottom:20px;font-size:40px}.settings-button .button-icon{left:20px}.about-button .button-icon{right:20px}}.game{align-items:center;color:#fff;display:flex;flex-direction:row;height:100vh;justify-content:center;position:relative;text-align:center;transition:background-color 1s ease-out;width:100vw}:root{--light-primary:#1f3a93;--light-secondary:#2196f3;--light-tertiary:#2b77c0;--light-first:#36dbd7;--light-second:#f62459;--dark-primary:#263238;--dark-secondary:#424242;--dark-tertiary:#263238;--dark-first:#ff6d00;--dark-second:#00c853}.light{background-color:#1f3a93;background-color:var(--light-primary)}.dark{background-color:#263238;background-color:var(--dark-primary)}.light circle{stroke:#f62459;stroke:var(--light-second)}.dark circle{stroke:#00c853;stroke:var(--dark-second)}.light path{stroke:#36dbd7;stroke:var(--light-first)}.dark path{stroke:#ff6d00;stroke:var(--dark-first)}.light .settings-button{background-color:#f62459;background-color:var(--light-second)}.dark .settings-button{background-color:#00c853;background-color:var(--dark-second)}.light .about-button{background-color:#36dbd7;background-color:var(--light-first)}.dark .about-button{background-color:#ff6d00;background-color:var(--dark-first)}.link-light{color:#2196f3;color:var(--light-secondary)}.light .active{background-color:#2b77c0;background-color:var(--light-tertiary)}.link-dark{color:#424242;color:var(--dark-secondary)}.dark .active{background-color:#263238;background-color:var(--dark-tertiary)}.light .see-github{color:#2196f3;color:var(--light-secondary)}.item-light .active{background-color:#2b77c0;background-color:var(--light-tertiary)}.dark .see-github{color:#424242;color:var(--dark-secondary)}.item-dark .active{background-color:#263238;background-color:var(--dark-tertiary)}*{box-sizing:border-box;font-family:Raleway,sans-serif;margin:0;padding:0}.home{background-color:#044d6e;height:100vh;width:100vw}
/*# sourceMappingURL=main.ff1fee36.css.map*/