@import url(https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&family=Major+Mono+Display&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:"#FFFFFF";display:grid;grid-template-areas:"top-section" "game" "rules";grid-template-rows:-webkit-min-content -webkit-min-content auto;grid-template-rows:min-content min-content auto;justify-content:center}.App.dark{background-color:#141414}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;justify-self:center;position:relative;width:90%}.scoreboard,.scoreboard .score-area{align-items:center;justify-content:center}.scoreboard .score-area{display:flex;padding:0 1rem;transition:.3s ease-in-out;white-space:nowrap}.scoreboard .score-area:hover .player-scores{opacity:0}.scoreboard .score-area:hover .score-prompt{opacity:.7}.scoreboard .score-area .player-scores{font-family:Fragment Mono,monospace;font-size:1.3rem;font-weight:700;transition:inherit}.scoreboard .score-area .player-scores.dark{color:#efefef}@media(min-width:576px){.scoreboard .score-area .player-scores{font-size:1.5rem}}@media(min-width:768px){.scoreboard .score-area .player-scores{font-size:2rem}}@media(min-width:992px){.scoreboard .score-area .player-scores{font-size:3rem}}.scoreboard .score-area .player-scores .player-1-score{margin-right:.5rem}@media(min-width:576px){.scoreboard .score-area .player-scores .player-1-score{margin-right:.65rem}}@media(min-width:768px){.scoreboard .score-area .player-scores .player-1-score{margin-right:.75rem}}@media(min-width:992px){.scoreboard .score-area .player-scores .player-1-score{margin-right:1rem}}.scoreboard .score-area .player-scores .player-2-score{margin-left:.5rem}@media(min-width:576px){.scoreboard .score-area .player-scores .player-2-score{margin-left:.65rem}}@media(min-width:768px){.scoreboard .score-area .player-scores .player-2-score{margin-left:.75rem}}@media(min-width:992px){.scoreboard .score-area .player-scores .player-2-score{margin-left:1rem}}.scoreboard .score-area .score-prompt{font-weight:500;opacity:0;position:absolute;transition:inherit}@media(min-width:576px){.scoreboard .score-area .score-prompt{font-size:1rem}}@media(min-width:768px){.scoreboard .score-area .score-prompt{font-size:1.5rem}}@media(min-width:992px){.scoreboard .score-area .score-prompt{font-size:2rem}}.player-area{align-items:center;background-color:#0000;display:flex;flex-direction:column;justify-content:center;justify-self:center;margin:2rem 0 0;min-height:-webkit-fill-available;padding:1rem;position:relative;row-gap:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:576px){.player-area{row-gap:.5rem}}.player-area.your-turn{border:1px solid #000}.player-area .move-timer{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:0}.player-area .move-timer::-webkit-progress-bar{background:none}.player-area .player-name-wrapper{align-items:center;display:flex;position:relative;transition:.3s ease-in-out;width:100%;z-index:1}.player-area .player-name-wrapper.dark{color:#efefef}.player-area .player-name-wrapper:hover .player-name{opacity:0}.player-area .player-name-wrapper:hover .name-prompt{opacity:.7}.player-area .player-name-wrapper .player-name{background-color:#0000;font-size:.75rem;font-weight:700;height:100%;margin:.5rem 0 0;max-width:12ch;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:inherit;white-space:nowrap;width:100%}@media(min-width:576px){.player-area .player-name-wrapper .player-name{font-size:.9rem;max-width:15ch}}@media(min-width:768px){.player-area .player-name-wrapper .player-name{font-size:1.1rem;max-width:18ch}}@media(min-width:992px){.player-area .player-name-wrapper .player-name{font-size:1.3rem;max-width:20ch}}.player-area .player-name-wrapper .name-prompt{align-items:center;display:flex;font-size:.7rem;font-weight:700;height:100%;justify-content:center;margin:.5rem 0 0;opacity:0;position:absolute;text-align:center;transition:inherit;width:100%}@media(min-width:768px){.player-area .player-name-wrapper .name-prompt{font-size:.9rem}}@media(min-width:992px){.player-area .player-name-wrapper .name-prompt{font-size:1.1rem}}.player-area input{background:#0000;border:none;display:block;font-weight:700;margin:.5rem 0 0;text-align:center;width:100%;z-index:1}@media(min-width:576px){.player-area input{font-size:.9rem}}@media(min-width:768px){.player-area input{font-size:1.1rem}}@media(min-width:992px){.player-area input{font-size:1.3rem}}.player-area svg{aspect-ratio:1/1;max-height:70px;width:50px;z-index:1}@media(min-width:576px){.player-area svg{width:65px}}@media(min-width:768px){.player-area svg{width:80px}}@media(min-width:992px){.player-area svg{width:100px}}.player-area.winner svg{animation:movingRainbow 3s linear infinite;animation-delay:.2s;filter:drop-shadow(.5rem .5rem .5rem #fb0094) drop-shadow(.5rem -.5rem .5rem #0000ff) drop-shadow(-.5rem .5rem .5rem #00ff00) drop-shadow(-.5rem -.5rem .5rem #ffff00)}.cell{align-items:center;display:flex;justify-content:center;padding:5%}.cell:has(.O),.cell:has(.X){padding:0}.cell svg{height:95%;padding:5%;width:95%}.cell svg.animate{animation:placement .15s linear 1}.minigame{min-width:33%;position:relative}.minigame .minigame-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:5%;position:relative;width:100%}.minigame:not(:has(.big-token)).has-tie,.minigame:not(:has(.big-token)).invalid-move{background:#0006}.minigame:not(:has(.big-token)).has-tie:after,.minigame:not(:has(.big-token)).invalid-move:after{background:#ffffff80;content:"";height:100%;position:absolute;width:100%;z-index:1}.minigame:not(:has(.big-token)).has-tie:after,.minigame:not(:has(.big-token)).invalid-move:after{top:0}.minigame:has(.big-token){align-items:center;display:flex;justify-content:center;padding:0;position:relative}.minigame:has(.big-token).involved-in-win .big-token svg{animation:movingRainbow 3s linear infinite;animation-delay:.2s;filter:drop-shadow(.5rem .5rem .5rem #fb0094) drop-shadow(.5rem -.5rem .5rem #0000ff) drop-shadow(-.5rem .5rem .5rem #00ff00) drop-shadow(-.5rem -.5rem .5rem #ffff00)}@keyframes movingRainbow{0%{filter:drop-shadow(.5rem -.5rem .5rem #fb0094) drop-shadow(-.5rem .5rem .5rem #0000ff) drop-shadow(-.5rem -.5rem .5rem #00ff00) drop-shadow(.5rem .5rem .5rem #ffff00)}25%{filter:drop-shadow(-.5rem .5rem .5rem #fb0094) drop-shadow(-.5rem -.5rem .5rem #0000ff) drop-shadow(.5rem .5rem .5rem #00ff00) drop-shadow(.5rem -.5rem .5rem #ffff00)}50%{filter:drop-shadow(-.5rem -.5rem .5rem #fb0094) drop-shadow(.5rem .5rem .5rem #0000ff) drop-shadow(.5rem -.5rem .5rem #00ff00) drop-shadow(-.5rem .5rem .5rem #ffff00)}75%{filter:drop-shadow(.5rem .5rem .5rem #fb0094) drop-shadow(.5rem -.5rem .5rem #0000ff) drop-shadow(-.5rem .5rem .5rem #00ff00) drop-shadow(-.5rem -.5rem .5rem #ffff00)}to{filter:drop-shadow(.5rem -.5rem .5rem #fb0094) drop-shadow(-.5rem .5rem .5rem #0000ff) drop-shadow(-.5rem -.5rem .5rem #00ff00) drop-shadow(.5rem .5rem .5rem #ffff00)}}.minigame:has(.big-token):hover .minigame-container{opacity:.5}.big-token{align-items:center;aspect-ratio:1/1;background-color:#fff;display:flex;justify-content:center;opacity:1;padding:5%;position:absolute;transition:opacity .3s;width:100%}.big-token.dark{background-color:#141414}.big-token:hover{opacity:0}.big-token svg{height:90%}.big-token svg.animate{animation:placement .3s linear 1}@keyframes placement{0%{opacity:.5;transform:scale(2)}to{opacity:1;transform:scale(1)}}.btn{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fcfcfd;border:1px solid gray;border-radius:4px;box-shadow:0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:14px;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding:0 1rem;position:relative;text-align:left;text-decoration:none;touch-action:manipulation;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;white-space:nowrap;will-change:box-shadow,transform}@media(min-width:576px){.btn{font-size:18px}}@media(min-width:768px){.btn{font-size:20px}}@media(min-width:992px){.btn{font-size:22px;padding:.5rem 1.5rem}}.btn:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7}.btn:hover{box-shadow:0 4px 8px #2d234266,0 7px 13px -3px #2d23424d,inset 0 -3px 0 #d6d6e7;transform:translateY(-2px)}.btn:active{box-shadow:inset 0 3px 7px #d6d6e7;transform:translateY(2px)}.btn.dark{background-color:#2c2c2c;border-color:#151515;box-shadow:0 2px 4px #a2a79766,0 7px 13px -3px #a2a7974d,inset 0 -3px 0 #292918;color:#efefef}.modal{animation:spawnModal .3s linear 1;background-color:#fff;border:1px solid #000;border-radius:1rem;left:50%;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:5}.modal.dark{background-color:#1a1a1a}@media(min-width:576px){.modal{padding:1rem 2rem}}@media(min-width:768px){.modal{padding:2rem 4rem}}@keyframes spawnModal{0%{margin-top:2rem;opacity:.1}to{margin-top:0;opacity:1}}.modal::backdrop{background-color:#0000008c}.modal .close-btn{align-items:center;aspect-ratio:1/1;border-radius:10px;display:flex;height:35px;justify-content:center;padding:.2rem;position:absolute;right:8px;top:8px}.modal .close-btn .X{height:10px;width:10px}.modal label,.modal p{font-family:JetBrains Mono,monospace;margin-top:5px}.modal .modal-buttons{display:flex;gap:15px;justify-content:space-around;margin:2rem 0 0;min-width:40vw}.modal.dark::backdrop{background-color:#000000bf}.modal.dark h2,.modal.dark h3,.modal.dark h4{color:#fff}.modal.dark label,.modal.dark p{color:#efefef}.won-game-modal{display:flex;flex-direction:column;justify-content:center}.won-game-modal h3,.won-game-modal p{text-align:center}.won-game-modal h3{font-size:26px}@media(min-width:576px){.won-game-modal h3{font-size:30px}}@media(min-width:768px){.won-game-modal h3{font-size:34px}}@media(min-width:992px){.won-game-modal h3{font-size:38px}}.rematch-modal{display:flex;flex-direction:column;justify-content:center}.rematch-modal h3,.rematch-modal p{text-align:center}.rematch-modal .modal-scoreboard .player-name{display:none}.rematch-modal .modal-scoreboard .score{display:inline-flex;justify-content:center;letter-spacing:5px;width:100%}.rematch-modal .modal-scoreboard .score strong{font-size:1.1em;margin:0 5px}@media(min-width:768px){.rematch-modal .modal-scoreboard{padding:.5rem 0;text-align:center}.rematch-modal .modal-scoreboard .player-name{display:inline;margin:0 .5rem}.rematch-modal .modal-scoreboard .score{width:auto}}.game-wrapper{align-items:center;aspect-ratio:1/1;display:flex;flex-direction:column;grid-area:game;justify-content:center;margin-bottom:2rem;max-width:900px;padding:2rem 1rem;position:relative;width:100vw}@media(min-height:1500px){.game-wrapper{max-width:1250px}}.game-wrapper .postgame-btn{position:absolute;top:-20px}.game-wrapper.light [id*=cell],.game-wrapper.light [id*=minigame]{border-color:#000}.game-wrapper.dark [id*=cell],.game-wrapper.dark [id*=minigame]{border-color:#fff}.board__container{aspect-ratio:1/1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);min-height:100px;min-width:100px;position:relative;width:100%}[id$=cell-00],[id$=cell-01],[id=minigame-00],[id=minigame-01]{border-bottom:2px solid;border-right:2px solid}[id$=cell-01],[id=minigame-01]{border-left:2px solid}[id$=cell-02],[id=minigame-02]{border-bottom:2px solid;border-left:2px solid}[id$=cell-10],[id=minigame-10]{border-bottom:2px solid;border-right:2px solid;border-top:2px solid}[id$=cell-11],[id=minigame-11]{border:2px solid}[id$=cell-12],[id=minigame-12]{border-bottom:2px solid;border-left:2px solid;border-top:2px solid}[id$=cell-20],[id$=cell-21],[id=minigame-20],[id=minigame-21]{border-right:2px solid;border-top:2px solid}[id$=cell-21],[id=minigame-21]{border-left:2px solid}[id$=cell-22],[id=minigame-22]{border-left:2px solid;border-top:2px solid}.top-section-wrapper{display:flex;grid-area:top-section;justify-content:center;padding-top:50px}.heading-wrapper{background-color:#000;color:#fff;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading-wrapper.dark{background-color:#fff;color:#000}.heading-wrapper .heading{color:inherit;padding:0 1rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.heading-wrapper h4{font-size:22px}h3{font-size:2rem;margin-bottom:1rem}.rules-section{font-family:JetBrains Mono,monospace;justify-self:center;max-width:800px;padding-bottom:10%;width:95%}.rules-section.dark{color:#efefef}.rules-section h2{font-size:3rem}.rules-section h3{margin-top:1rem}.rules-section h4,.rules-section p:not(:last-of-type){margin-bottom:10px}.rules-section ul{margin-left:1rem}*{box-sizing:border-box;margin:0;padding:0}.setting{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:0 0 .5rem;position:relative}.setting:has(.switch){padding-bottom:.1rem}.setting:has(.switch):last-of-type{padding-bottom:.5rem}.setting input{text-align:center;width:50px}.setting input[type=number]{-webkit-appearance:textfield;appearance:textfield;border:none}.setting input[type=number]::-webkit-inner-spin-button,.setting input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.setting .input-wrapper{display:flex}.setting .input-wrapper .setting-decrement-btn,.setting .input-wrapper .setting-increment-btn{aspect-ratio:1/1;height:35px}.setting:hover .slider{filter:drop-shadow(0 0 5px grey)}.switch{--button-width:3.5em;--button-height:2em;--toggle-diameter:1.5em;--button-toggle-offset:calc((var(--button-height) - var(--toggle-diameter))/2);--toggle-shadow-offset:10px;--toggle-wider:3em;--color-grey:#ccc;--color-green:#42f445;align-items:center;display:flex}.slider{background-color:var(--color-grey);border-radius:calc(var(--button-height)/2);height:var(--button-height);position:relative;width:var(--button-width)}.slider,.slider:after{display:inline-block;transition:all .3s ease-in-out}.slider:after{background-color:#fff;border-radius:calc(var(--toggle-diameter)/2);box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset)*4) #0000001a;content:"";height:var(--toggle-diameter);position:absolute;top:var(--button-toggle-offset);transform:translateX(var(--button-toggle-offset));width:var(--toggle-diameter)}.switch .setting-toggle:checked+.slider{background-color:var(--color-green)}.switch .setting-toggle:checked+.slider:after{box-shadow:calc(var(--toggle-shadow-offset)*-1) 0 calc(var(--toggle-shadow-offset)*4) #0000001a;transform:translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)))}.switch .setting-toggle{height:100%;left:0;opacity:0;position:absolute;width:100%;z-index:10}.switch .setting-toggle:active+.slider:after{width:var(--toggle-wider)}.switch .setting-toggle:checked:active+.slider:after{transform:translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}.dark input[type=number]{background-color:#1a1a1a;color:#efefef}.dark .slider{background-color:#454545}.gear-icon{padding:10px;width:50px}.settings-modal{font-size:10px;padding:.5rem 1rem 1rem}@media(min-width:576px){.settings-modal{font-size:16px}}@media(min-width:768px){.settings-modal{font-size:20px}}.settings-modal .settings-title{font-size:16px;text-align:center;width:100%}@media(min-width:576px){.settings-modal .settings-title{font-size:20px}}@media(min-width:768px){.settings-modal .settings-title{font-size:26px}}@media(min-width:992px){.settings-modal .settings-title{font-size:30px}}.settings-modal .message-area{padding:0 2rem;text-align:center}.settings-modal .message-area .heading{font-weight:700;margin-bottom:1rem}@media(min-width:576px){.settings-modal .message-area .heading{font-size:20px}}@media(min-width:768px){.settings-modal .message-area .heading{font-size:22px}}@media(min-width:992px){.settings-modal .message-area .heading{font-size:26px}}.settings-modal .settings-form{display:flex;flex-direction:column;font-size:inherit}.settings-modal .buttons-area{display:flex;justify-content:space-around;margin-top:1rem;min-width:200px}@media(min-width:576px){.settings-modal .buttons-area{min-width:250px}}@media(min-width:768px){.settings-modal .buttons-area{min-width:350px}}.settings-modal .buttons-area .btn{padding:.25rem .5rem}@media(min-width:576px){.settings-modal .buttons-area .btn{padding:.4rem .8rem}}@media(min-width:768px){.settings-modal .buttons-area .btn{padding:.5rem 1rem}}.paused-modal{display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem}@media(min-width:576px){.paused-modal{padding:1.5rem 3rem}}@media(min-width:768px){.paused-modal{padding:2rem 4rem}}.paused-modal h3{font-size:16px;text-align:center}.paused-modal h3.dark{color:#efefef}@media(min-width:576px){.paused-modal h3{font-size:20px}}@media(min-width:768px){.paused-modal h3{font-size:24px}}.paused-modal .play-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:.25rem .5rem}@media(min-width:576px){.paused-modal .play-btn{padding:.4rem .8rem}}@media(min-width:768px){.paused-modal .play-btn{padding:.5rem 1rem}}.paused-modal .play-btn strong{font-size:12px}@media(min-width:576px){.paused-modal .play-btn strong{font-size:16px}}@media(min-width:768px){.paused-modal .play-btn strong{font-size:20px}}.paused-modal .play-btn svg{aspect-ratio:1/1;height:1.5rem;margin-right:-.5rem}@media(min-width:576px){.paused-modal .play-btn svg{height:1.75rem;margin-right:-.8rem}}@media(min-width:768px){.paused-modal .play-btn svg{height:2rem}}.game-buttons{align-items:center;display:flex;justify-content:center;right:10px;top:10px;z-index:10}@media(min-width:576px){.game-buttons{flex-direction:column;position:fixed}}.game-buttons .play-icon{margin-left:2px}.info-modal h3{font-size:1em}.info-modal p{font-size:.8em}@media(min-width:576px){.info-modal h3{font-size:1.3em}.info-modal p{font-size:1em}}.info-modal .github-link,.info-modal .linkedin-link{align-items:center;color:#36395a;display:flex;justify-content:center;text-decoration:none}.info-modal .github-icon,.info-modal .linkedin-icon{aspect-ratio:1/1;margin-right:10px;width:30px}header{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;box-shadow:0 4px 30px #00000080;display:flex;height:70px;justify-content:space-between;justify-self:center;position:fixed;width:100%;z-index:10}header img{max-width:250px;object-fit:contain;padding-left:1rem;width:50%}@media(min-width:576px){header{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;box-shadow:none;justify-content:center;position:absolute;top:20px}header img{padding:0}}header .gear-icon,header .info-icon,header .pause-icon,header .play-icon{transition:.3s ease-in-out;width:50px}header .gear-icon:hover,header .info-icon:hover,header .pause-icon:hover,header .play-icon:hover{transform:translateY(-5px)}header .info-icon,header .pause-icon{padding:10px}header .play-icon{padding:5px}
/*# sourceMappingURL=main.606fce99.css.map*/