:root,p{@media (min-width:768px){font-size:1.125rem}}.games--list{background:var(--clr-BG);display:flex;flex-wrap:wrap;gap:var(--space-l);justify-content:space-evenly;max-width:100%;padding:calc(50% - 800px);padding:var(--space-l);.game{align-content:center;color:#fff;display:grid;filter:grayscale(50);height:60px;object-fit:contain}.game:hover{filter:grayscale(0)}.game.maybe{opacity:.6}}.page--games{display:grid;justify-content:center;padding:var(--space-l);padding-top:var(--space-xl);@media (min-width:768px){gap:var(--space-xl)}.gameWrapper{display:grid;margin-inline:auto;max-width:1440px;@media (min-width:768px){gap:var(--space-xl);grid-template-columns:1fr 1fr;&:nth-last-of-type(2n){.game--text{order:1}}}.game--text{max-width:630px;h3{margin-bottom:0}}}}.row--form--join{background:#1a1a1a;border:5px solid;border-radius:var(--br);box-shadow:0 0 10px #0009;display:grid;justify-items:center;padding:var(--space-m);width:clamp(300px,100%,700px);@media (min-width:1024px){padding:var(--space-xl)}h3{color:var(--clr-TXT);margin-top:0}form{grid-gap:var(--space-l);display:grid;gap:var(--space-l);grid-template-rows:60px;padding-inline:1rem}div:has(>input){display:grid;justify-content:stretch;width:100%}label{color:var(--clr-NW);display:grid;padding-bottom:var(--space-s);text-align:left}.colorsList{display:flex;flex-wrap:wrap;.color-box{border:2px solid #0000;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;height:40px;margin:5px;transition:border .3s ease;width:40px}.color-box.selected{border:4px solid #ff0}}.gamesList{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;label{height:100%;place-items:center}input[type=checkbox]{display:none;position:absolute}.game-logo{align-content:center;cursor:pointer;display:inline-flex;display:grid;filter:grayscale(50);height:60%;justify-content:center;max-width:60%;object-fit:contain;transition:filter .3s ease;img{height:100%;object-fit:contain;opacity:.5;transition:opacity .3s ease;width:100%}}.game-logo.checked{filter:grayscale(0);img{opacity:1}}}input[type=text]{background-color:var(--clr-NW);border-radius:var(--br);font-size:var(--fs-p);height:100%;padding:var(--space-s)}.btn--register{background-color:#000;border:1px solid var(--clr-CTA);border-radius:var(--br);color:var(--clr-CTA);cursor:pointer;font-size:var(--fs-h4);font-weight:600;padding:var(--space-s) var(--space-l);text-decoration:none}.btn--register:hover{background-color:var(--clr-CTA);color:#000}.random-nick-btn{background-color:#000;color:#fff}.error{color:red;font-size:var(--fs-p);margin-top:10px;text-align:left}}.neon-card{position:relative}.neon-card:before{animation:neon-border-flicker 2s infinite;background:none;border:1px solid var(--_clr-neon);border-radius:15px;bottom:-5px;box-shadow:0 0 5px var(--_clr-neon),0 0 10px var(--_clr-neon),0 0 20px var(--_clr-neon),0 0 30px var(--_clr-neon),inset 0 0 5px var(--_clr-neon),inset 0 0 10px var(--_clr-neon),inset 0 0 20px var(--_clr-neon),inset 0 0 30px var(--_clr-neon);content:"";left:-5px;pointer-events:none;position:absolute;right:-5px;top:-5px}@keyframes neon-border-flicker{0%,19%,21%,23%,25%,54%,56%,to{box-shadow:0 0 5px var(--_clr-neon),0 0 10px var(--_clr-neon),0 0 20px var(--_clr-neon),0 0 30px var(--_clr-neon),inset 0 0 5px var(--_clr-neon),inset 0 0 10px var(--_clr-neon),inset 0 0 20px var(--_clr-neon),inset 0 0 30px var(--_clr-neon)}20%,24%,55%{box-shadow:0 0 2px var(--_clr-neon),0 0 4px var(--_clr-neon),0 0 8px var(--_clr-neon),inset 0 0 2px var(--_clr-neon),inset 0 0 4px var(--_clr-neon),inset 0 0 8px var(--_clr-neon)}}.row--playersList{width:clamp(300px,100%,700px);h3{color:var(--clr-TXT);font-size:var(--fs-h3)}h3,table{text-align:left}table{border-collapse:collapse;border-radius:var(--br);width:100%}thead td{background-color:var(--clr-BG);border-bottom:1px solid var(--clr-CTA);color:var(--clr-CTA);font-size:var(--fs-p)}tr{border-bottom:1px solid var(--clr-TXT)}tr:nth-of-type(2n-1){background-color:#5f5f5f5f}tr:nth-of-type(2n){background-color:#3a3a3a5f}img,td{padding:var(--space-m);vertical-align:middle}td{font-size:var(--fs-p);font-weight:600}.player-gamesList{display:grid;grid-template-columns:repeat(auto-fit,110px);min-width:220px;place-items:center}img{height:30px;width:auto}}.row--info{text-align:left;width:clamp(300px,100%,700px);h3,li{color:var(--clr-TXT)}h3{border-bottom:1px solid var(--clr-TXT);cursor:pointer;position:relative}h3:after{background:url(/static/media/arrow.d56857c33a6743e60671.svg);background-size:contain;color:#fff;content:"";height:30px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:30px}.overflow{--_transition-t:350ms;height:0;overflow:hidden;transition:height 0s ease var(--_transition-t);.info-list{counter-reset:list-counter;list-style:none;transform:translateY(-100%);transition:transform var(--_transition-t) ease-in-out}li{counter-increment:list-counter;font-size:var(--fs-h4);margin-bottom:var(--space-l)}li::marker{content:counter(list-counter) ". ";font-weight:700}}}.info--show{.overflow{height:100%}.info-list{transform:translateY(0)!important}h3:after{transform:translateY(-50%) rotate(180deg)}}:root{@media (min-width:768px){--fs-h1:16rem;--fs-h2:6rem;--fs-h3:3rem;--fs-h4:1.5rem;--fs-p:1rem}--fs-heading:"Titillium Web",sans-serif;--fs-text:"Nunito",sans-serif}h1{font-size:var(--fs-h1);font-weight:500;margin-bottom:var(--space-m);text-transform:uppercase}h1,h2{font-family:Titillium Web,sans-serif;font-family:var(--fs-heading)}h2{font-size:var(--fs-h2);font-weight:600}h3{font-family:Titillium Web,sans-serif;font-family:var(--fs-heading);font-size:var(--fs-h3);font-weight:700}h4{color:var(--clr-NW);font-size:var(--fs-h4)}h4,p{font-family:var(--fs-p);line-height:1.5}p{font-size:var(--fs-p);font-weight:300;margin-top:var(--space-s);opacity:.6;@media (min-width:768px){font-size:1.125rem}}.neon-text{--_clr-neon:red;animation:neon-flicker 2s infinite;color:var(--_clr-neon);letter-spacing:2px;text-shadow:0 0 5px var(--_clr-neon),0 0 10px var(--_clr-neon),0 0 15px var(--_clr-neon),0 0 25px var(--_clr-neon)}@keyframes colorSwitch{0%{--_clr-neon:blue}to{--_clr-neon:red}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px var(--_clr-neon),0 0 10px var(--_clr-neon),0 0 15px var(--_clr-neon),0 0 25px var(--_clr-neon)}20%,24%,55%{text-shadow:0 0 2px var(--_clr-neon),0 0 4px var(--_clr-neon),0 0 8px var(--_clr-neon)}}.row--hero{@media (min-width:1024px){background-size:cover;height:100vh}img[alt=lebron],img[alt=messi]{bottom:0;position:absolute;z-index:2}img[alt=lebron]{height:100%;left:0;transform:translateX(-55%);@media (min-width:1024px){transform:translateX(-40%)}}img[alt=messi]{height:80%;right:0;transform:translateX(35%);@media (min-width:1024px){height:85%;transform:translateX(0)}}@media (min-width:768px){justify-items:flex-end;img[alt=lebron],img[alt=messi]{opacity:1}}.hero--text{color:wheat;left:50%;position:absolute;top:25%;transform:translate(-50%,-50%) scale(.4);z-index:2;h2{--_clr-neon:#fff;font-weight:400;letter-spacing:20px}}.btn--join{background-color:var(--clr-BG);border:1px solid var(--clr-CTA);border-radius:var(--br);bottom:var(--space-m);color:var(--clr-CTA);font-size:var(--fs-h4);left:50%;padding:var(--space-s) var(--space-l);position:absolute;text-decoration:none;transform:translate(-50%);z-index:10;@media (min-width:1024px){bottom:var(--space-xl);font-weight:600}}.btn--join:hover{background-color:var(--clr-CTA);color:#000;text-decoration:underline}}.page--matches{display:grid;height:100svh;overflow:scroll;place-items:self-end;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#555 #0000;scrollbar-width:thin;width:100%;::-webkit-scrollbar{height:6px;width:6px;&-thumb{background-color:#555;border-radius:10px;&:hover{background-color:#777}}&-track{background-color:initial}}.matches--title{left:50%;margin:0;position:absolute;top:50px;transform:translateX(-50%);width:max-content;@media (min-width:768px){margin-bottom:1.5rem;margin-left:0;margin-right:0;margin-top:1.5rem}}}.modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;.match--modal{align-items:start;background:var(--clr-CTA-20);display:grid;height:auto;justify-content:center;overflow:hidden;padding:var(--space-l);position:relative;width:800px;.match--date,.match--player{align-items:center;display:flex;gap:1rem;h4{color:var(--clr-CTA);font-size:1.5rem;margin:0}}.success{color:#adff2f}.btn--logOut{background-color:initial;border:1px solid red;border-radius:var(--br);color:red;margin-bottom:1rem;margin-left:auto;opacity:.75;padding:.25rem 1rem;width:max-content}.gamesList{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem;label{align-content:center;display:grid;height:100%;justify-content:center;place-items:center}input[type=checkbox]{display:none;position:absolute}.game-logo{cursor:pointer;display:inline-flex;filter:grayscale(50);height:auto;max-width:90%;object-fit:contain;transition:filter .3s ease;&[alt=UFC]{filter:grayscale(50) brightness(2)}img{height:100%;object-fit:contain;opacity:.5;transition:opacity .3s ease;width:100%}}.game-logo.checked{filter:grayscale(0);img{opacity:1}}}}}.modal-close{background-color:red;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-weight:900;padding:5px 10px;place-items:center;position:absolute;right:var(--space-m);top:var(--space-m);z-index:999}.calendarWrapper{display:flex;justify-content:flex-start;.calendar--day{background-color:#77777740;display:grid;justify-items:stretch;margin-inline:.25rem;text-align:center;width:350px}.day-date{background-color:var(--clr-CTA-20);display:grid;height:80px;place-items:center}.day-hour{background:#0000;border:none;display:grid;grid-template-columns:max-content 1fr;height:50px;place-items:center start;width:100%;&:hover{border:1px solid gold}&:nth-of-type(2n){background-color:#7777771a}span{color:#f5f5f5;font-family:var(--fs-text);font-size:var(--fs-p);padding:0 1rem;.hour{opacity:.5}&.match--details{align-items:center;display:flex;font-weight:700;justify-content:flex-start;.match--game{max-height:30px;max-width:50px}.player--1{color:red}.player--2{color:blue}}}}}.match--details,.userWrapper{.userName{cursor:pointer;font-size:1.2rem;text-align:center}.userName,p{font-weight:600}p{color:var(--clr-CTA);font-size:1rem;text-align:left}.user--menu{background-color:var(--clr-BG);border:1px solid var(--clr-CTA);color:var(--clr-NW);display:none;padding:var(--space-m);@media (min-width:768px){margin-inline:-1.5rem}}.usermenu--show{display:block}.edit-color,.edit-username{grid-gap:var(--space-m);display:grid;gap:var(--space-m);grid-template-columns:80px 1fr;justify-items:start;margin:var(--space-s) 0;input[type=text]{width:100%}input[type=color]{background:#0000;width:100%}}.remove-user{color:var(--clr-PR);cursor:pointer;margin-top:var(--space-m);text-decoration:underline}.edit-games{grid-row-gap:.5rem;display:grid;grid-template-columns:repeat(auto-fit,65px);justify-content:center;justify-items:center;margin-bottom:1rem;min-width:130px;row-gap:.5rem;input[type=checkbox]{display:none}.game-item{height:25px;width:auto;.game-logo{filter:grayscale(50);object-fit:contain;img{height:25px;width:auto}&.checked{filter:grayscale(0)}}}}}header{--_header-h:50px;align-items:center;background-color:var(--clr-BG-T);display:flex;height:var(--_header-h);justify-content:space-between;position:fixed;width:100%;z-index:99;.header--login,img{margin-inline:var(--space-s);@media (min-width:1024px){margin-inline:var(--space-xl)}}img{height:var(--_header-h);width:auto}nav{color:var(--clr-TXT);display:none;gap:var(--space-xl);opacity:.5;a{color:var(--clr-TXT);font-size:1.2rem;text-decoration:none;&:hover{cursor:pointer;text-decoration:underline}}}.hamburger-menu{grid-gap:5px;cursor:pointer;display:grid;gap:5px;position:absolute;right:var(--space-s);top:50%;transform:translate(-50%,-50%);z-index:100;.hamburger-layer{background-color:#fff;border-radius:5px;height:2.2px;transition:transform .3s ease;width:1.2rem}&.open .hamburger-layer:first-of-type{transform:translateY(7px) rotate(45deg)}&.open .hamburger-layer:nth-of-type(2){opacity:0}&.open .hamburger-layer:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}}.side-menu{background-color:var(--clr-BG);box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;gap:var(--space-m);height:100vh;padding:var(--space-m);padding-top:5rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:250px;nav{display:flex;flex-direction:column;gap:var(--space-m);a{color:var(--clr-TXT);font-size:1.2rem;text-align:center;text-decoration:none;&:hover{text-decoration:underline}}}.header--login{color:#d3d3d3;cursor:pointer;display:grid;margin-inline:auto;form{grid-gap:.5rem;display:grid;gap:.5rem;justify-content:stretch}}&.open{transform:translateX(0)}}@media (min-width:768px){nav{display:flex}.header--login{display:flex;width:150px}.hamburger-menu{display:grid}}}:root{--ff-headers:"Montserrat",serif;--ff-paragraphs:"Inter",sans-serif;--clr-BG:#0a090a;--clr-BG-T:#4abe8e40;--clr-SBG:#352e35;--clr-PB:#3c02c4;--clr-PR:#da2222;--clr-CTA:#4abe8e;--clr-CTA-20:#4abe8e33;--clr-TXT:#fff3dd;--clr-TXT-50:#f5deb380;--clr-NB:#2f2f2f;--clr-NG:#e5e5f7;--clr-NW:#fff;--clr-CB:#363d63;--grad:linear-gradient(90deg,var(--clr-PV) 0%,var(--clr-PB) 100%);--content-w:1440px;--space-s:0.5rem;--space-m:1rem;--space-l:2.5rem;--space-xl:5rem;--space-xxl:10rem;--page-w:1440px;--br:11px;--header-h:70px;--footer-h:140px;--fs-h1:5rem;--fs-h2:4rem;--fs-h3:1.5rem;--fs-h4:1rem;--fs-p:0.875rem;@media (min-width:768px){--fs-h1:16rem;--fs-h2:6rem;--fs-h3:3rem;--fs-h4:1.5rem;--fs-p:1rem}}.row--hero{align-items:center;background:url(/static/media/hero-bg.91fe59b7e81a92fc9530.jpg);background-position:50%;background-size:100% 300%;height:75vh;overflow:hidden;position:relative;z-index:0;@media (min-width:1024px){background-size:cover;height:100vh}img[alt=lebron],img[alt=messi]{bottom:0;position:absolute;z-index:2}img[alt=lebron]{height:100%;left:0;transform:translateX(-55%);@media (min-width:1024px){transform:translateX(-40%)}}img[alt=messi]{height:80%;right:0;transform:translateX(35%);@media (min-width:1024px){height:85%;transform:translateX(0)}}@media (min-width:768px){justify-items:flex-end;img[alt=lebron],img[alt=messi]{opacity:1}}.hero--text{color:wheat;left:50%;position:absolute;top:25%;transform:translate(-50%,-50%) scale(.4);z-index:2;h2{--_clr-neon:#fff;font-weight:400;letter-spacing:20px}}.btn--join{background-color:var(--clr-BG);border:1px solid var(--clr-CTA);border-radius:var(--br);bottom:var(--space-m);color:var(--clr-CTA);font-size:var(--fs-h4);left:50%;padding:var(--space-s) var(--space-l);position:absolute;text-decoration:none;transform:translate(-50%);z-index:10;@media (min-width:1024px){bottom:var(--space-xl);font-weight:600}}.btn--join:hover{background-color:var(--clr-CTA);color:#000;text-decoration:underline}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/page-bg.35132d1d24b2bc463077.jpg);color:#f5f5f5;counter-reset:li;margin:0}html{scroll-behavior:smooth}.Home{background-size:auto;overflow:hidden;text-align:center}section:not(.row--hero){box-sizing:border-box;margin:var(--space-xl) auto;padding-inline:1rem}
/*# sourceMappingURL=main.f5527711.css.map*/