@font-face{font-display:swap;font-family:Red Rose;font-style:normal;font-weight:400;src:url(/fonts/red-rose-v25-latin/red-rose-v25-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Red Rose Bold;font-style:normal;font-weight:700;src:url(/fonts/red-rose-v25-latin/red-rose-v25-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Almarai;font-style:normal;font-weight:400;src:url(/fonts/almarai-v19-latin/almarai-v19-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Almarai Bold;font-style:normal;font-weight:700;src:url(/fonts/almarai-v19-latin/almarai-v19-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Orbitron;font-style:normal;font-weight:400;src:url(/fonts/orbitron-v35-latin/orbitron-v35-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Orbitron Bold;font-style:normal;font-weight:700;src:url(/fonts/orbitron-v35-latin/orbitron-v35-latin-700.woff2) format("woff2")}.theme-codevibestheme{--background: #303131;--button-background: #86E9D633;--button-highlight: #4DD5BC;--button-solid: #66CFBC;--button-solid-hover: #66CFBCB3;--card-background: #cee7e0;--header-background: #303131;--overlay-background: white;--score-background: #86E9D633;--font-primary: "Red Rose";--font-primary-bold: "Red Rose Bold";--border-radius: 0px;--letter-spacing: normal;--board-width-sm: 255px;--board-width-lg: 255px;--card-background-image: url(/assets/da-icon.svg), linear-gradient(215deg,#4DD5BC 0%, #286F62 60%, #10443a 100%);--card-border-radius: 0px;--card-filter: none;--card-height: 120px;--card-width: 120px;--card-matched-border: 4px;--end-headline-font-size: clamp(50px, calc(60 / 576 * 100vw), 60px);--end-subheadline-font-size: clamp(30px, calc(40 / 576 * 100vw), 40px);--end-margin-bottom: 0px;--end-filter: none;--field-padding: 10px;--header-padding: 50px 0;--score-bg-size: 24px 20px;--score-font-size: 24px;--score-gap: 20px;--score-padding-left: 28px;--score-player-blue: url(/assets/player-coding-blue.svg);--score-player-orange: url(/assets/player-coding-orange.svg);--score-blue-min-width: 108px;--score-orange-min-width: 143px;--score-filter-orange: none;--score-filter-blue: none;--player-padding-right: 39px;--player-blue: url(/assets/player-coding-blue.svg);--player-orange: url(/assets/player-coding-orange.svg);--player-bg-size: 24px 20px;--player-font-size: 26px;--player-line-height: normal}@media screen and (min-width:480px){.theme-codevibestheme{--board-width-sm: 390px;--board-width-lg: 390px}}@media screen and (min-width:576px){.theme-codevibestheme{--board-width-sm: 525px;--board-width-lg: 525px;--overlay-max-width: 540px}}@media screen and (min-width:1024px){.theme-codevibestheme{--board-width-lg: 770px;--header-padding: 0 0 50px 0}}.theme-codevibestheme .gameover__headline{display:none}.theme-gamingtheme{--background: #294F60;--button-background: #ED1B7614;--button-highlight: #E71C4F;--button-solid: #ED1B76;--button-solid-hover: white;--card-background: #e9e1e4;--header-background: #545d75;--overlay-background: white;--score-background: white;--font-primary: "Orbitron";--font-primary-bold: "Orbitron Bold";--border-radius: 10px;--letter-spacing: 7%;--board-width-sm: 225px;--board-width-lg: 225px;--card-background-image: linear-gradient(215deg,#ED1B76 0%, #491a2e 80%,#0A2835 100%);--card-border-radius: 12px;--card-inner-border-radius: 14px;--card-filter: drop-shadow(4px 4px 5px rgb(0, 0, 0, .4));--card-height: 120px;--card-width: 105px;--card-matched-border: 2px;--end-headline-font-size: 64px;--end-subheadline-font-size: 28px;--end-margin-bottom: 50px;--end-filter: drop-shadow(4px 4px 2px rgb(0, 0, 0, .4));--field-padding: 20px;--header-padding: clamp(14px, calc(24 / 360 * 100vw), 24px);--score-bg-size: 20px 28px;--score-font-size: 30px;--score-gap: 40px;--score-padding-left: 30px;--score-player-blue: url(/assets/winner-blue.svg);--score-player-orange: url(/assets/winner-orange.svg);--score-blue-min-width: 67px;--score-orange-min-width: 67px;--score-filter-orange: brightness(0) saturate(100%) invert(69%) sepia(14%) saturate(5803%) hue-rotate(336deg) brightness(103%) contrast(92%);--score-filter-blue: brightness(0) saturate(100%) invert(63%) sepia(71%) saturate(2954%) hue-rotate(175deg) brightness(101%) contrast(101%);--player-padding-right: 58px;--player-blue: url(/assets/player-gaming-blue.svg);--player-orange: url(/assets/player-gaming-orange.svg);--player-bg-size: 40px 40px;--player-font-size: clamp(22px, calc(32 / 480 * 100vw), 32px);--player-line-height: 40px}@media screen and (min-width:480px){.theme-gamingtheme{--board-width-sm: 345px;--board-width-lg: 345px}}@media screen and (min-width:576px){.theme-gamingtheme{--board-width-sm: 465px;--board-width-lg: 465px}}@media screen and (min-width:1024px){.theme-gamingtheme{--board-width-lg: 680px}}.theme-gamingtheme .game__currentPlayer--codingTheme{display:none}.theme-gamingtheme .endscreen{justify-content:center}.theme-gamingtheme .endscreen__confetti{display:none}.theme-gamingtheme .button__exit--bgSolid:hover{filter:drop-shadow(2px 2px 2px rgba(47,46,46,.4))}.theme-gamingtheme .button__exit--bgSolid:hover .button__text{color:#ed1b76}.theme-gamingtheme .button__exit:hover{background-color:#ed1b7624}.theme-gamingtheme .button__exit:hover .button__icon{filter:brightness(0) saturate(100%) invert(22%) sepia(47%) saturate(5641%) hue-rotate(333deg) brightness(91%) contrast(98%)}.theme-gamingtheme .game__score li:after,.theme-gamingtheme .game__score li:before,.theme-gamingtheme .game__player p:after,.theme-gamingtheme .game__player p:before{display:none}.theme-gamingtheme .game__header{font-weight:700}.theme-gamingtheme .gameover__hero--coding{display:none}.button{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;border:unset;padding:24px;text-decoration:none;cursor:pointer}.button__icon{transition:all .2s ease-in-out}.button__text{font-family:Red Rose Bold;font-size:40px;color:#303131}.button--primary{background-color:#f0ea6e}.button--disabled{background-color:#dbdbd6;pointer-events:none}.card{height:var(--card-height);width:var(--card-width);background-color:transparent;border:none;cursor:pointer;filter:var(--card-filter)}.card__matched--orange{border:var(--card-matched-border) solid #F58E39;border-radius:var(--card-inner-border-radius);filter:drop-shadow(0px 0px 8px rgba(245,142,57,.4))}.card__matched--blue{border:var(--card-matched-border) solid #2BB1FF;border-radius:var(--card-inner-border-radius);filter:drop-shadow(0px 0px 8px rgba(43,177,255,.5))}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .3s ease-in-out}.card__face{position:absolute;inset:0;background-image:var(--card-background-image);background-position:center;background-repeat:no-repeat;backface-visibility:hidden;border-radius:var(--card-border-radius)}.card__face--back{transform:rotateY(180deg);background-color:var(--card-background)}.card.is-flipped .card__inner{transform:rotateY(180deg)}.start{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:85px;height:100vh;width:100%;background-color:#303131;background-image:url(/assets/controller_bg.png);background-repeat:no-repeat;background-position:left bottom;background-size:240px}@media screen and (min-width:576px){.start{background-size:280px}}@media screen and (min-width:1024px){.start{background-size:auto}}.start__hero{color:#fff;text-align:center}@media screen and (min-width:576px){.start__hero{text-align:start}}.start__subtitle{font-family:Almarai;font-size:clamp(24px,7.5vw,48px)}.start__title{font-family:Red Rose Bold;font-size:clamp(60px,12.4444444444vw,140px)}.button--play{align-self:center}.button--play .button__icon{width:44px;transform:rotate(25.77deg)}.button--play .button__arrow{width:33px}.button--play:hover .button__icon{width:51px;transform:rotate(0)}.button--play:hover .button__arrow{width:36px;content:url(/assets/arrow_thick.svg)}.settings{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:62px;min-height:100vh;width:100%;max-width:1440px;padding:10px}@media screen and (min-width:360px){.settings{padding:clamp(20px,5.5555555556vw,70px)}}@media screen and (min-width:768px){.settings{padding:100px 70px}}@media screen and (min-width:1280px){.settings{padding:100px 170px}}.settings__layout{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;gap:62px;width:100%;flex-direction:column}@media screen and (min-width:768px){.settings__layout{flex-direction:row;gap:0}}.settings__right{display:flex;justify-content:space-between;flex-direction:column;gap:40px;align-items:flex-start;height:100%}@media screen and (min-width:768px){.settings__right{align-items:flex-end}}.settings__preview{width:clamp(300px,87.5vw,315px)}@media screen and (min-width:360px){.settings__preview{width:clamp(315px,78.6324786325vw,460px)}}@media screen and (min-width:768px){.settings__preview{width:clamp(350px,44.921875vw,460px)}}.settings__header{position:relative;font-family:Red Rose Bold;font-size:clamp(28px,8.75vw,32px);text-decoration:underline;text-decoration-color:#f0ea6e;text-underline-offset:14px;text-decoration-thickness:4px;align-self:center}@media screen and (min-width:360px){.settings__header{align-self:flex-start}}.settings__header h2:after{content:"";position:absolute;bottom:-9px;left:-16px;border:8px solid #F0EA6E;transform:rotate(45deg)}.settings__form{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:54px;height:100%}.settings__form fieldset{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:12px;border:unset}.settings__form legend{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;margin-bottom:16px;font-family:Almarai Bold;font-size:24px}@media screen and (min-width:768px){.settings__form legend{margin-bottom:clamp(12px,1.5625vw,16px);font-size:clamp(18px,2.34375vw,24px)}}.settings__form legend img{width:32px;aspect-ratio:1/1}@media screen and (min-width:768px){.settings__form legend img{width:clamp(24px,3.125vw,32px)}}.settings__form label{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;position:relative;margin-left:40px;font-family:Almarai;font-size:20px;cursor:pointer}.settings__form label:after{display:none;content:"";position:absolute;top:0;right:-70px;border:6px solid #F0EA6E;transform:rotate(45deg) translateY(70%)}.settings__form label:before{display:none;content:"";position:absolute;top:0;right:-60px;width:50px;border-bottom:4px solid #F0EA6E;transform:translateY(250%)}.settings__form label:hover{font-weight:600}.settings__form label:hover:before,.settings__form label:hover:after{display:block}.settings__form label.selected:before,.settings__form label.selected:after{display:block}@media screen and (min-width:768px){.settings__form label{margin-left:clamp(32px,3.90625vw,40px);font-size:clamp(16px,1.953125vw,20px)}}.settings__form input[type=radio]{appearance:none;width:18px;height:18px;border:3px solid black;border-radius:50%;display:grid;place-content:center;cursor:pointer}.settings__form input[type=radio]:before{content:"";width:6px;height:6px;border-radius:50%;box-shadow:inset 8px 8px #000;transform:scale(0)}.settings__form input[type=radio]:hover:before{transform:scale(1)}.settings__form input[type=radio]:checked{border:2px solid black}.settings__form input[type=radio]:checked:before{transform:scale(1)}.settings__summary{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px;justify-content:space-between;padding:10px 14px;background-color:#f6f6f6}@media screen and (min-width:480px){.settings__summary{align-items:center}}@media screen and (min-width:1024px){.settings__summary{flex-direction:row;max-height:78px}}.settings__summary ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:42px;flex-wrap:wrap;row-gap:12px;height:100%;list-style:none;font-family:Almarai;font-size:clamp(18px,1.953125vw,20px)}.settings__summary li{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;position:relative;height:100%}.settings__summary li:not(:last-child):after{content:"";position:absolute;right:-25px;top:0;height:100%;border-right:8px solid #F0EA6E;transform:rotate(15deg)}@media screen and (min-width:1024px){.settings__summary li:not(:last-child):after{height:200%;top:-50%}}.button--start{padding:10px 15px;gap:8px;max-height:50px;width:121px;align-self:flex-start}@media screen and (min-width:768px){.button--start{align-self:flex-end}}@media screen and (min-width:1024px){.button--start{align-self:normal}}.button--start .button__icon{transform:rotate(5deg);width:30px}.button--start .button__text{font-size:20px}.button--start:hover .button__icon{transform:rotate(0);width:35px}.button--start:hover .button__text{transform:scale(1.1)}.no-scroll{overflow:hidden}.overlay[open]{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:0;width:100vw;max-width:none;height:100vh;max-height:none;background:transparent;border:none;padding:0;z-index:3}.overlay::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay__card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;background:var(--overlay-background);padding:40px;max-width:clamp(300px,93.9130434783vw,540px);border-radius:var(--border-radius);transform:translateY(-250%);transition:transform .3s ease-in-out}@media screen and (min-width:576px){.overlay__card{gap:54px}}.overlay__card--slide{transform:translateY(0)}.overlay__text{color:var(--background);font-family:var(--font-primary-bold);font-size:26px;text-align:center}@media screen and (min-width:480px){.overlay__text{font-size:32px}}.overlay__nav{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}@media screen and (min-width:576px){.overlay__nav{flex-direction:row;gap:24px}}.game{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:54px;align-items:center;min-height:100vh;width:100%;background-color:var(--background);padding-bottom:54px}.game__header{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;align-items:center;gap:25px;width:100%;padding:var(--header-padding);font-family:var(--font-primary);position:sticky;top:-1px;z-index:2;background-color:var(--header-background);box-shadow:0 4px 9px 4px var(--background);border-radius:0 0 var(--border-radius) var(--border-radius)}@media screen and (min-width:1024px){.game__header{width:calc(100% - 100px);flex-direction:row;gap:0;top:25px;border-radius:var(--border-radius)}}@media screen and (min-width:1280px){.game__header{width:calc(100% - 200px);top:50px}}.game__score{background-color:var(--score-background);padding:17px 20px;border-radius:var(--border-radius)}.game__score--blue{color:#2bb1ff;background-image:var(--score-player-blue);min-width:var(--score-blue-min-width);filter:var(--score-filter-blue)}.game__score--orange{color:#f58e39;background-image:var(--score-player-orange);min-width:var(--score-orange-min-width);filter:var(--score-filter-orange)}.game__score ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:var(--score-gap);list-style:none;font-size:var(--score-font-size);line-height:var(--score-font-size)}.game__score li{padding-left:var(--score-padding-left);background-size:var(--score-bg-size);background-position:left center;background-repeat:no-repeat}.game__player{color:#fff;font-size:var(--player-font-size);letter-spacing:var(--letter-spacing)}.game__player--blue,.game__player--orange{background-size:var(--player-bg-size);background-position:right center;background-repeat:no-repeat;padding-right:var(--player-padding-right);line-height:var(--player-line-height)}.game__player--blue{background-image:var(--player-blue)}.game__player--orange{background-image:var(--player-orange)}.button__exit{background-color:var(--button-background);border:2px solid var(--button-highlight);border-radius:var(--border-radius);gap:10px;padding:16px 24px}.button__exit--bgSolid{background-color:var(--button-solid)}.button__exit--bgSolid:hover{background-color:var(--button-solid-hover)}.button__exit .button__icon{transition:none}.button__exit .button__text{color:#fff;font-size:24px;font-family:var(--font-primary-bold)}.button__exit .button__text--sm{font-size:20px}.button__exit .button__text--colored{color:var(--button-highlight)}.button__exit .button__text--black{color:#000}.button__exit:hover{border:3px solid var(--button-highlight);padding:15px 23px;box-shadow:0 0 20px var(--button-background)}.button__exit:hover .button__icon{filter:drop-shadow(1px 1px 2px black)}.game__field{display:grid;padding-top:var(--field-padding)}.game__field--small{width:var(--board-width-sm);grid-template-columns:repeat(2,1fr);gap:15px}@media screen and (min-width:480px){.game__field--small{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:576px){.game__field--small{grid-template-columns:repeat(4,1fr)}}.game__field--large{width:var(--board-width-lg);grid-template-columns:repeat(2,1fr);gap:15px}@media screen and (min-width:480px){.game__field--large{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:576px){.game__field--large{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1024px){.game__field--large{grid-template-columns:repeat(6,1fr);gap:10px}}.gameover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:64px;height:100vh;width:100%;background-color:var(--background)}.gameover__content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;font-family:var(--font-primary)}.gameover__hero{width:clamp(300px,85.9375vw,880px);aspect-ratio:990/125;margin-bottom:clamp(20px,9.765625vw,100px)}@media screen and (min-width:1024px){.gameover__hero{width:990px;margin-bottom:100px}}.gameover__headline{font-size:clamp(80px,12.109375vw,124px);font-family:var(--font-primary-bold);color:var(--button-solid);margin-bottom:var(--end-margin-bottom);text-align:center}@media screen and (min-width:1024px){.gameover__headline{font-size:124px}}.gameover__subheadline{font-size:26px;color:#fff;font-weight:100}.endscreen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:64px;height:100vh;width:100%;background-color:var(--background)}.endscreen__confetti{position:absolute;top:0;max-width:100vw;width:1240px;aspect-ratio:1240/360}@media screen and (min-width:768px){.endscreen__confetti{top:-30px}}.endscreen__content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;z-index:1}.endscreen__subheadline{font-family:var(--font-primary);font-size:var(--end-subheadline-font-size);font-weight:100;color:#fff}.endscreen__headline{font-family:var(--font-primary-bold);font-size:var(--end-headline-font-size);color:#2bb1ff;filter:var(--end-filter);text-align:center}.endscreen__headline--orange{color:#f58e39}.endscreen__headline--draw{color:#fff}.endscreen__image{width:clamp(100px,34.7222222222vw,200px);aspect-ratio:200/250;margin-top:54px}@media screen and (min-width:576px){.endscreen__image{width:200px;height:250px;margin-top:54px}}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center}