.home{color:#f5f5f5;background-color:#2f3131;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.home__container{flex-direction:column;justify-content:center;align-items:center;width:fit-content;display:flex}.home__subtitle{align-self:flex-start;font-family:Almarai;font-size:clamp(2.25rem,5vw,3rem);font-weight:400}.home__title{margin-bottom:3rem;font-family:RedRose;font-size:clamp(4rem,8vw,10rem);font-weight:700}.home__play-button{color:#2f3131;cursor:pointer;background-color:#e4dc41;align-items:center;gap:clamp(.5rem,2vw,2rem);padding:clamp(.5rem,2vw,1rem);transition:transform .25s ease-in-out;display:flex}.home__play-button:hover{transform:scale(1.08)}.home__play-button:hover .home__play-icon{transform:rotate(-30deg)scale(1.25)}.home__play-button:hover .home__play-arrow{transform:scale(1.5)}.home__play-icon{height:clamp(28px,5vw,35px);transition:transform .25s ease-in-out}.home__play-text{font-family:RedRose;font-size:clamp(1.5rem,4vw,3rem);font-weight:700}.home__play-arrow{width:40px;transition:transform .25s ease-in-out}.home__background-image{position:absolute;bottom:0;left:0%;overflow:hidden}.settings{background-color:#f5f5f5;flex:1;justify-content:space-between;width:100%;display:flex}.settings__left{padding:10rem 0 0 10rem}.settings__right{align-items:center;padding:0 10rem 5rem 0;display:flex}.settings__headline{margin-bottom:3rem;font-family:RedRose;font-size:4rem;position:relative}.settings__headline:after{content:"";background-image:url(../assets/icons/yellow-line-big.svg);background-repeat:no-repeat;background-size:contain;width:320px;height:50px;margin-left:15px;position:absolute;top:0;left:0;transform:translate(-15%,135%)}.settings__section-container{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.settings__section-container img{width:32px;height:32px}.settings__section-title{font-family:Almarai-Bold;font-size:1.75rem}.settings__list{margin-bottom:2rem;padding-left:3.5rem;list-style:none}.settings__label{cursor:pointer;align-items:center;gap:.75rem;padding-bottom:.75rem;font-family:Almarai;font-size:1.25rem;display:flex;position:relative}.settings__input{opacity:0;position:absolute}.settings__radio{border:2px solid #000;border-radius:50%;width:20px;height:20px;position:relative}.settings__radio:after{content:"";opacity:0;background-color:#000;border-radius:50%;width:6px;height:6px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings__game-preview{width:650px}.settings__preview-container{padding-bottom:2rem}.settings__preview-image{justify-self:end;width:90%;display:block}.settings__preview-bar{transform-origin:0;background-color:#f0eded;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;column-gap:1.25rem;width:100%;min-height:75px;padding:1.25rem;font-size:1.5rem;transition:transform .2s ease-in-out;display:grid}.settings__preview-bar:has(.settings__play-button:hover:not(:disabled)){transform:scaleX(1.02)}.settings__preview-item{justify-content:center;min-width:0;font-family:Almarai;display:flex;position:relative}.settings__preview-item:not(:last-of-type):after{content:"";background-image:url(../assets/icons/yellow-diagonal-line.svg);background-repeat:no-repeat;background-size:contain;width:30px;height:50px;position:absolute;top:50%;right:-.85rem;transform:translate(50%,-50%)}.settings__play-button{cursor:pointer;transform-origin:0;white-space:nowrap;background-color:#ff0;border:none;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:RedRose;font-weight:700;transition:transform .2s;display:flex}.settings__play-button:disabled{color:#000;background-color:#ffff0080}.settings__play-button span{font-size:1.5rem}.settings__play-button:hover:not(:disabled){transform:scale(1.03,1.1)}.settings__play-icon{width:25px;transition:transform .2s ease-in-out}.settings__play-button:hover:not(:disabled) .settings__play-icon{transform:rotate(-5deg)}.settings__label:hover .settings__radio:after,.settings__input:checked+.settings__radio:after{opacity:1}.settings__label:hover .settings__text{font-family:Almarai-Bold}.settings__text{white-space:nowrap;align-items:center;gap:10px;font-family:Almarai;line-height:1.2;display:flex}.settings__label:hover .settings__text:after{content:"";background-image:url(../assets/icons/yellow-line.svg);background-repeat:no-repeat;background-size:contain;flex:0 0 60px;width:60px;height:16px}.game{color:#f5f5f5;flex:1;width:100%}.game--code-vibes{background-color:#303131}.game--gaming{background-color:#294f60}.game--da-projects{background-color:#fff}.game--foods{background-color:#303131}.game__header{padding:1.25rem;grid-template-columns:1fr auto 1fr;align-items:center;width:80%;margin:4rem auto;padding-inline:2rem;font-family:RedRose;display:grid}.game__header--gaming{background-color:#545d75;border-radius:12px}.game__header--gaming .game__player-container{background-color:#fff;border-radius:12px}.game__header--gaming .player-one__name,.game__header--gaming .player-two__name{display:none}.game__header--gaming .player-one__stats,.game__header--gaming .player-two__stats{font-size:2rem}.game__header--da-projects{background-color:#f0f3f4}.game__header--foods{background-color:#f0e5d9}.game__player-container{background-color:#415652;justify-self:start;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;font-size:1.5rem;display:flex}.game__current-player{justify-content:center;align-items:center;gap:.5rem;font-size:2rem;display:flex}.game__current-player-image{object-fit:contain;display:block}.game__current-player-image--theme-code-vibes{width:29px;height:24px}.game__current-player-image--theme-gaming{filter:brightness(0)invert();width:20px;height:25px}.game__current-player-figure{justify-content:center;align-items:center;display:flex}.game__current-player-figure--theme-gaming{width:32px;height:32px}.game__current-player-figure--theme-gaming.game__current-player-figure--player-blue{background-color:#097fc5}.game__current-player-figure--theme-gaming.game__current-player-figure--player-orange{background-color:#ea6900}.game__exit-game{color:inherit;cursor:pointer;justify-self:end;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:1.5rem;transition:all .2s ease-in-out;display:flex}.game__exit-game--code-vibes{background-color:#415652;border:1px solid #4dd5bc}.game__exit-game--code-vibes:hover{box-shadow:inset 0 0 0 2px #4dd5bc,3px 3px 5px #e8eb6640}.game__exit-game--gaming{background-color:#605875;border:3px solid #e71c4f;border-radius:12px}.game__exit-game--gaming:hover{box-shadow:inset 0 0 0 2px #e71c4f}.game__exit-game--gaming:hover .game__exit-icon{background-image:url(../assets/icons/exit-hover.svg)}.game__exit-game--da-projects{background-color:#fff}.game__exit-game--da-projects:hover{border-color:#e71c4f}.game__exit-game--foods{background-color:#303131}.game__exit-game--foods:hover{border-color:#e71c4f}.game__exit-icon{background-image:url(../assets/icons/exit.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:26px;height:23px;transition:all .2s ease-in-out;display:block}.game__board-container{width:fit-content;margin:12rem auto 0;position:relative}.game__board{width:fit-content;margin:0;display:grid}.game__board--16{grid-template-columns:repeat(4,1fr);gap:.75rem}.game__board--24{grid-template-columns:repeat(6,1fr);gap:.5rem}.game__board--36{grid-template-columns:repeat(6,1fr);gap:.25rem}.game__card{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:120px;padding:0;transition:transform .5s;position:relative}.game__card.is-flipped{transform:rotateY(180deg)}.game__card.is-matched{pointer-events:none}.game__card-cover{object-fit:cover;aspect-ratio:1;opacity:1;border-radius:15px;width:100%;display:block;position:absolute;inset:0}.game__card-image{object-fit:cover;aspect-ratio:1;opacity:0;border-radius:15px;width:100%;display:block;position:absolute;inset:0}.player-one,.player-two{justify-content:center;align-items:center;gap:.5rem;display:flex}.player-one__name,.player-two__name{text-transform:capitalize}.player-one__name--orange,.player-two__name--orange,.player-one__stats--orange,.player-two__stats--orange{color:#f58e39}.player-one__name--blue,.player-two__name--blue,.player-one__stats--blue,.player-two__stats--blue{color:#2bb1ff}.overlay__wrapper{z-index:100;background-color:#00000080;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:fixed;inset:0}.overlay{aspect-ratio:2;flex-direction:column;justify-content:space-evenly;align-items:center;width:min(555px,100% - 2rem);animation:.5s ease-out slide-in;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.overlay.is-closing{animation:.5s ease-in forwards slide-out}.overlay__buttons{gap:1rem;display:flex}.overlay__button-left,.overlay__button-right{cursor:pointer;padding:.6125rem 1rem;font-size:1.25rem}.overlay--code-vibes{background-color:#fff}.overlay--code-vibes .overlay__text{color:#303131;text-align:center;padding:0 1.5rem;font-family:RedRose;font-size:2.25rem;font-weight:700}.overlay--code-vibes .overlay__button-left{color:#fff;background-color:#66cfbc;border:2px solid #66cfbc;font-family:RedRose;font-weight:700}.overlay--code-vibes .overlay__button-left:hover{background-color:#66cfbcb3;box-shadow:inset 0 0 2px #66cfbc}.overlay--code-vibes .overlay__button-right{color:#66cfbc;background-color:#eefcf9;border:2px solid #66cfbc;font-family:RedRose;font-weight:700}.overlay--code-vibes .overlay__button-right:hover{box-shadow:inset 0 0 2px #66cfbc,0 1px 5px #66cfbc}.overlay--gaming{background:#fff;border-radius:20px}.overlay--gaming .overlay__text{color:#020202;text-align:center;padding:0 1.5rem;font-family:Orbitron;font-size:2.25rem;font-weight:700}.overlay--gaming .overlay__button-left{color:#fff;background-color:#ed1b76;border:2px solid #ed1b76;border-radius:15px;font-family:Orbitron;font-weight:700;transition:background-color .2s ease-in-out}.overlay--gaming .overlay__button-left:hover{color:#ed1b76;background-color:#eefcf9;box-shadow:inset 0 0 2px #eefcf9}.overlay--gaming .overlay__button-right{color:#ed1b76;background-color:#f0e5eeb3;border:2px solid #ed1b76;border-radius:15px;font-family:Orbitron;font-weight:700;transition:box-shadow .2s ease-in-out}.overlay--gaming .overlay__button-right:hover{background-color:#f0e5ee;box-shadow:inset 0 0 0 1px #e71c4f}@keyframes slide-in{0%{top:100%}to{top:50%}}@keyframes slide-out{0%{top:50%}to{top:100%}}.game-over{color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.game-over--code-vibes{background-color:#303131}.game-over__headline--code-vibes{color:#4dd5bc;text-shadow:-1px -2px 2px #fff;font-family:RedRose;font-size:7.5rem}.game-over__score-title--code-vibes{color:#f5f5f5;justify-self:center;padding-bottom:2rem;font-family:RedRose;font-size:1.5rem;font-weight:400}.game-over__players--code-vibes{background-color:#415652;gap:1.5rem;padding:.75rem .5rem;display:flex}.game-over__player--code-vibes{justify-content:center;align-items:center;gap:.25rem;font-family:RedRose;font-weight:600;display:flex}.game-over--gaming{background-color:#294f60}.game-over__headline--gaming{color:#ed1b76;font-family:Orbitron;font-size:7.5rem}.game-over__score-title--gaming{color:#f5f5f5;justify-self:center;margin:4rem 0 1rem;font-family:Orbitron;font-size:1.25rem;font-weight:600}.game-over__players--gaming{background-color:#f5f5f5;border-radius:5px;justify-content:space-around;gap:3rem;padding:.5rem .75rem;font-family:Orbitron;display:flex}.game-over__player--gaming{align-items:center;gap:.5rem;font-weight:600;display:flex}.game-over__player-name--gaming{display:none}.game-over__player-score--gaming{transform:scale(2)}.game-over .game-over__player-name--orange,.game-over .game-over__player-score--orange{color:#f58e39}.game-over .game-over__player-name--blue,.game-over .game-over__player-score--blue{color:#2bb1ff}.game-over__player-name:first-letter{text-transform:uppercase}.endscreen{color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.endscreen--code-vibes{background-color:#303131}.endscreen--code-vibes .endscreen__content{animation:.7s ease-out both slideInFromTop}.endscreen--code-vibes .endscreen__subheadline{color:#f5f5f5;font-family:RedRose;font-size:3rem}.endscreen--code-vibes .endscreen__headline{font-family:RedRose}.endscreen--code-vibes .endscreen__restart-button{color:#f5f5f5;background-color:#415652;border:1px solid #4dd5bc;padding:.6125rem 1rem;font-family:RedRose;font-size:1.5rem}.endscreen--code-vibes .endscreen__restart-button:hover{box-shadow:inset 0 0 0 2px #4dd5bc,3px 3px 5px #e8eb6640}.endscreen--code-vibes.endscreen--draw .endscreen__headline{color:#4dd5bc;text-shadow:-2px -2px 1px #fff,-3px -3px 4px #4dd5bc;font-size:6.5rem}.endscreen--code-vibes.endscreen--draw .endscreen__image{margin-bottom:1.5rem;transform:scale(.9)}.endscreen--code-vibes.endscreen--winner{background-image:url(../assets/images/gameover/Confetti.svg);background-position:top;background-repeat:no-repeat;background-size:80%}.endscreen--code-vibes.endscreen--winner .endscreen__headline{font-size:4rem}.endscreen--code-vibes.endscreen--winner .endscreen__headline--orange{color:#f58e39}.endscreen--code-vibes.endscreen--winner .endscreen__headline--blue{color:#2bb1ff}.endscreen--code-vibes.endscreen--winner .endscreen__subheadline{color:#f5f5f5;font-size:1.6125rem}.endscreen--code-vibes.endscreen--winner .endscreen__image{margin-bottom:1.5rem;transform:scale(.9)}.endscreen--gaming{background-color:#294f60}.endscreen--gaming .endscreen__content{animation:.7s ease-out both slideInFromBottom}.endscreen--gaming .endscreen__subheadline{color:#f5f5f5;font-family:Orbitron;font-size:1.5rem;font-weight:600}.endscreen--gaming .endscreen__headline{color:#e71c4f;text-transform:lowercase;margin-bottom:3rem;font-family:Orbitron;font-size:4rem}.endscreen--gaming .endscreen__headline:first-letter{text-transform:lowercase}.endscreen--gaming .endscreen__restart-button{color:#f5f5f5;background-color:#415652;border:1px solid #4dd5bc;padding:.6125rem 1rem;font-family:Orbitron;font-size:1.5rem}.endscreen--gaming .endscreen__restart-button:hover{box-shadow:inset 0 0 0 2px #4dd5bc,3px 3px 5px #e8eb6640}.endscreen--gaming.endscreen--draw .endscreen__headline{color:#e71c4f;text-shadow:2px 2px 5px #000;font-size:6.5rem}.endscreen--gaming.endscreen--draw .endscreen__image{filter:brightness(0)saturate()invert(20%)sepia(96%)saturate(4227%)hue-rotate(321deg)brightness(96%)contrast(94%);margin-bottom:1.5rem;transform:scale(.9)}.endscreen--gaming.endscreen--draw .endscreen__restart-button{border:2px solid #e71c4f;border-radius:15px;margin-top:2rem}.endscreen--gaming.endscreen--draw .endscreen__restart-button:hover{box-shadow:inset 0 0 0 2px #e71c4f}.endscreen--gaming.endscreen--winner .endscreen__headline{text-shadow:2px 2px 5px #000;font-size:6.5rem}.endscreen--gaming.endscreen--winner .endscreen__headline--blue{color:#2298db}.endscreen--gaming.endscreen--winner .endscreen__headline--orange{color:#ea6900}.endscreen--gaming.endscreen--winner .endscreen__image{margin-bottom:1.5rem;transform:scale(.9)}.endscreen--gaming.endscreen--winner .endscreen__restart-button{border:3px solid #e71c4f;border-radius:12px;margin-top:2rem}.endscreen--gaming.endscreen--winner .endscreen__restart-button:hover{box-shadow:inset 0 0 0 2px #e71c4f}.endscreen__content{flex-direction:column;align-items:center;row-gap:0;display:flex}.endscreen__headline{text-transform:uppercase}.endscreen__restart-button{cursor:pointer;transition:all .2s ease-in-out}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(200%)}to{transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Almarai-Light;src:url(./Almarai-Light-CZXV_7ev.ttf)}@font-face{font-family:Almarai-Regular;src:url(./Almarai-Regular-C3NTMe_f.ttf)}@font-face{font-family:Almarai-Bold;src:url(./Almarai-Bold-BW5hOQ92.ttf)}@font-face{font-family:Almarai-ExtraBold;src:url(./Almarai-ExtraBold-BSjItd7G.ttf)}@font-face{font-family:Orbitron;src:url(./Orbitron-Variable-CYB_IVAf.ttf);font-weight:100 900}@font-face{font-family:RedRose;src:url(./RedRose-Variable-BJekowTS.ttf);font-weight:100 900}body{background-color:#000;flex-direction:column;max-width:1920px;min-height:100vh;margin:0 auto;display:flex}main{flex:1;display:flex;position:relative}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dNone{display:none}