.btn{background-image:var(--gradient);transition:var(--transition);cursor:pointer;color:#fff;pointer-events:fill;border:none;border-radius:10rem;margin-top:1rem;padding:1rem;font-size:1rem;transform:translateY(0)}.btn:hover{box-shadow:0 4px 4px rgba(255,94,0,var(--shadow))}.btn:active{box-shadow:none;transform:translateY(.5rem)}.btn-box{width:70%;pointer-events:none;align-items:center;display:flex;position:relative;bottom:5%;left:50%;transform:translate(-50%)}.btn-box>:first-child{margin-right:auto}.hidden{opacity:0;visibility:hidden;display:none!important}.home{background-color:#0000;border:none;outline:none;position:relative}.home>.body-exp{width:1.875rem;height:1.875rem;z-index:5;background-image:radial-gradient(50% 50% at 50% 50%,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + 5%))70%,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + 7%))70%,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + 2%))85%,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + -9%))100%);box-shadow:0px 1px 2px 3px hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + 20%));border-radius:50%;position:relative}.home>.depth--exp{width:1.25rem;height:1.25rem;z-index:7;background-image:linear-gradient(-90deg,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + -13%))30%,hsl(var(--query-home-color-h),var(--query-home-color-s),calc(var(--query-home-color-l) + 18%))80%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.away{background-color:#0000;border:none;outline:none;position:relative}.away>.body-exp{width:1.875rem;height:1.875rem;z-index:5;background-image:radial-gradient(50% 50% at 50% 50%,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + 5%))70%,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + 7%))70%,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + 2%))85%,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + -9%))100%);box-shadow:0px 1px 2px 3px hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + 20%));border-radius:50%;position:relative}.away>.depth--exp{width:1.25rem;height:1.25rem;z-index:7;background-image:linear-gradient(-90deg,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + -13%))30%,hsl(var(--query-away-color-h),var(--query-away-color-s),calc(var(--query-away-color-l) + 18%))80%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.winner-box{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.winner-box h3{background-image:linear-gradient(120deg,var(--light-color),var(--dark-color));text-transform:capitalize;width:max-content;border-radius:5px;margin-top:1rem;padding:.5rem 1rem}.winner-flag{animation:2s cubic-bezier(.455,.03,.515,.955) infinite both rotate-flag}@keyframes rotate-flag{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}:root{--primary-color:#1be7ff;--primary-color-dark:#2f50d1;--secondary-color:#6eeb83;--tertiary-color:#e8aa14;--light-color:#e4ff1a;--dark-color:#ff5714;--gradient:linear-gradient(to bottom right,#e4ff1a,#ff5714);--gradient-1:linear-gradient(to bottom right,var(--primary-color),var(--secondary-color));--gradient-2:linear-gradient(to bottom right,#e4ff1a,#6eeb83);--gradient-3:linear-gradient(to bottom right,var(--secondary-color),var(--primary-color-dark));--gradient-4:linear-gradient(to bottom right,var(--dark-color),var(--primary-color-dark));--transition:all .5s;--shadow:.4;--home-color:red;--away-color:#00f;--cursor-primary:#dc5656;--cursor-primary-light:#ea9999;--cursor-primary-light-h:200;--cursor-primary-light-s:90%;--cursor-primary-light-l:56%;--query-home-color:hsl(45,32,56);--query-home-color-h:220;--query-home-color-s:90%;--query-home-color-l:56%;--query-away-color:hsl(45,32,56);--query-away-color-h:220;--query-away-color-s:90%;--query-away-color-l:56%}@font-face{font-family:Nurito-Black;src:url(NunitoSans-Black.11e7fc53.ttf)}@font-face{font-family:Nurito-Bold;src:url(NunitoSans-Bold.4b94bba7.ttf)}@font-face{font-family:Nurito-Light;src:url(NunitoSans-Light.15ab1f1e.ttf)}@font-face{font-family:Nurito-Regular;src:url(NunitoSans-Regular.5cbfbcff.ttf)}@font-face{font-family:Nurito-Italic;src:url(NunitoSans-Italic.0e4c3720.ttf)}*,:before,:after{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:87.5%}@media only screen and (min-width:90em){html{font-size:100%}}@media only screen and (max-width:900px){html{font-size:62.5%}}@media only screen and (max-width:600px){html{font-size:50%}}@media only screen and (max-width:400px){html{font-size:40%}}body{box-sizing:inherit;max-width:100vw;min-height:100vh;max-height:max-content;font-family:Nurito-Regular}.info-icon{width:2.5rem;height:2.5rem;cursor:pointer;margin:1.25rem;position:absolute;top:0;right:0;transform:translate(-50%)}.info-modal{width:20%;transition:var(--transition);border:4px solid #f0f;border-radius:.5rem;position:absolute;top:5rem;right:2.5rem}.info-message{text-align:center;-webkit-hyphens:auto;hyphens:auto;background-color:#eee;padding:1rem;font-family:Nurito-Light;font-size:1rem;line-height:1rem}.info-message>*{color:#000}.info-message>:last-child{color:#00f;padding-top:.5rem;font-family:Nurito-Italic}.board{background-color:var(--primary-color-dark);cursor:none;border-top-left-radius:1rem;border-top-right-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2rem;display:flex}.board h3{font-size:1rem}.board__inputs{text-align:center;grid-template-columns:50% 50%;column-gap:.5rem;display:grid}.board__inputs>:not(:last-child){margin-bottom:.5rem}.board__input{cursor:none;border-radius:2px;flex-direction:column;margin-bottom:0;padding:2px;display:flex}.board__input input{text-align:center;border-radius:4px}.board__input input:focus,.board__input input:active{border:none;outline:none}.board__input input:invalid{border:1px solid var(--secondary-color)}.board__view{cursor:none;gap:.5rem;display:grid}.board__view div{flex-direction:column;align-items:center;display:flex}.board__view div h5{cursor:none;align-self:center;font-size:.75rem;display:none;transform:translateY(.5rem)}.board__disc{width:2.5rem;height:2.5rem;cursor:none;background-color:#2c022c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:.2rem;display:flex}.board__title{text-transform:uppercase;margin:1rem 0}.game{background-image:var(--gradient-1);flex-direction:column;justify-content:center;align-items:center;display:flex}.game__view{width:100%;text-align:center;vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.game__view>:not(:last-child){margin-bottom:1.75rem}.game__view img{width:40%}.game__view h1{background-image:var(--gradient);color:#0000;-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text;font-family:Nurito-Bold}.game__view h4{background-image:var(--gradient-3);color:#0000;-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text;font-family:Nurito-Italic;font-size:1.25rem}.winner-flag{animation:2s cubic-bezier(.455,.03,.515,.955) infinite both rotate-flag}.player__details{width:60%;background-image:var(--gradient-2);text-align:center;flex-direction:column;justify-content:center;padding:1rem;display:flex}.player__details>:not(:last-child){margin-bottom:1.25rem}.player__details .players__form{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media only screen and (max-width:600px){.player__details .players__form{width:100%;grid-template-columns:1fr;align-self:center;gap:.5rem}}.player__details .players__form .player{flex-direction:column;align-items:center;row-gap:1rem;display:flex}@media only screen and (max-width:600px){.player__details .players__form .player{width:60%;justify-self:center;align-items:stretch}}.player__details .players__form .player input,.player__details .players__form .player select{text-align:center;text-transform:uppercase;-webkit-text-decoration:italic;-webkit-text-decoration:italic;text-decoration:italic;border:none;border-radius:2px;outline:none;padding:.5rem 0;font-size:.7rem}.player__details .players__form .player input:active,.player__details .players__form .player input:focus,.player__details .players__form .player select:active,.player__details .players__form .player select:focus{border:1px solid var(--secondary-color)}.player__details .game__start{width:40%;grid-column:1/-1;place-self:center}.player-color{width:40%;justify-content:center;align-items:center;display:flex}.player-color>:first-child{margin-right:auto}.player-color>:first-child:after{content:":";margin-left:.5rem;margin-right:.5rem}@media only screen and (max-width:600px){.player-color{width:60%;place-self:center;align-items:stretch}.player-color>:first-child{margin-right:auto}.player-color>:first-child:after{content:":";margin-left:.5rem}}.players__display{width:80vw;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;margin-bottom:1rem;display:grid}.players__display>*{justify-self:end}.players__display>:first-child{justify-self:unset}.players__display>:last-child{width:40%;grid-column:1/-1;align-content:center;justify-self:center;margin-top:1rem}.player__icon{width:2.5rem;height:2.5rem;fill:#fff;display:inline-block}.player-logo{text-transform:capitalize;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:10%}.player-logo h1{color:#0000;background-image:var(--gradient-4);-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text}.board__dimensions{width:80%;grid-column:1/-1;grid-template-columns:repeat(2,1fr);justify-self:center;gap:1rem;margin-top:1rem;display:grid}@media only screen and (max-width:600px){.board__dimensions{width:60%;grid-template-columns:1fr;align-self:center}}.board__dimensions>:first-child{width:70%;text-align:center;grid-column:1/-1;justify-self:center;margin-bottom:1rem}.board__dimensions input{text-align:center;text-transform:uppercase;border:none;border-radius:.5rem;outline:none;padding:.5rem 0;font-size:1rem}.board__dimensions label{transition:var(--transition);text-align:center;transform:translateY(1rem)}.btn-box{width:80%;align-items:center;display:flex;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.btn-box>:first-child{margin-right:auto}.winner-box{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.winner-box h3{background-image:linear-gradient(120deg,var(--light-color),var(--dark-color));text-transform:capitalize;border-radius:5px;margin-top:1rem;padding:.5rem 1rem}.winner-box h3 span{background-image:var(--gradient-4);color:#0000;-webkit-background-clip:text;-webkit-background-clip:text;background-clip:text}.cursor-dot,.cursor-dot-outline{z-index:100;pointer-events:none;opacity:0;border-radius:50%;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:none){.cursor-dot,.cursor-dot-outline{opacity:0;visibility:hidden}}.cursor-dot{width:.5rem;height:.5rem;background-color:var(--cursor-primary)}@media (hover:none){.cursor-dot{opacity:0;visibility:hidden}}.cursor-dot-outline{width:1.25rem;height:1.25rem;background-color:hsl(var(--cursor-primary-light-h),var(--cursor-primary-light-s),calc(var(--cursor-primary-light-l) + 30%))}@media (hover:none){.cursor-dot-outline{opacity:0;visibility:hidden}}
/*# sourceMappingURL=index.8a927542.css.map */