@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Red+Rose:wght@300..700&family=Orbitron:wght@400..900&family=Figtree:wght@300..900&family=Klee+One:wght@400;600&family=Delius+Unicase:wght@400;700&display=swap";#playButton{cursor:pointer;transform-origin:top;background-color:#f0ea6e;border:none;justify-content:center;align-items:center;gap:20px;width:250px;height:98px;margin-top:0;padding:24px;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex}#playButton img{flex-shrink:0;width:24px;height:24px}#playButton img#button-controller{width:44px;height:32px;transition:transform .2s ease-out}#playButton img#button-arrow{width:33px}#playButton p{color:#303131;margin:0;font-family:Red Rose;font-size:40px;font-weight:700;transition:transform .2s ease-out}#playButton:hover{transform:scale(1.077,1.04);box-shadow:0 10px 24px #0000002e}#playButton:hover img#button-arrow{content:url(../assets/ui/arrow_hover.svg)}#playButton:hover p{transform:translate(8px)}#playButton:hover img#button-controller{transform:rotate(-25deg)scale(1.1)}body{background-color:#303131;justify-content:center;align-items:center;height:100vh;display:flex}#hero-section{flex-direction:column;align-items:center;gap:85px;display:flex}#controller{width:414px;height:301px;position:absolute;bottom:30px;left:-80px}#startText{color:#fff;text-align:start}#startText p{margin:0;font-family:Almarai;font-size:48px;font-weight:400}#startText h1{margin:0;font-family:Red Rose;font-size:140px;font-weight:700}.card{width:100%;height:auto;aspect-ratio:var(--card-aspect-ratio,105/120);box-sizing:border-box;appearance:none;border-radius:var(--theme-card-radius,10px);background-color:#0000;border:none;outline:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.card__inner{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;transition:all .3s ease-in-out;position:relative;transform:rotateY(180deg)}.card__face{background-image:var(--card-face);background-position:50%;background-size:var(--card-front-bg-size,var(--card-bg-size,100%));backface-visibility:hidden;border-radius:inherit;background-repeat:no-repeat;position:absolute;inset:0}.card__face--back{background-image:none;background-position:50%;background-size:var(--card-back-bg-size,var(--card-front-bg-size,var(--card-bg-size,100%)));background-repeat:no-repeat;transform:rotateY(180deg)}.card.is-flipped .card__inner{transform:rotateY(0)}.card.is-flipped.is-matched{border-radius:var(--theme-card-matched-radius,var(--theme-card-radius,10px));box-shadow:var(--theme-card-matched-shadow,none);outline:var(--theme-card-matched-border,2px solid #4dd5bc);outline-offset:calc(-1 * var(--theme-card-matched-inset,0px))}.card:focus,.card:focus-visible{outline:none}.card:active{box-shadow:none;border:none;outline:none}.card:focus-visible:before{content:"";inset:var(--theme-card-focus-inset,0);border:var(--theme-card-focus-border,2px solid #ffffffe6);border-radius:var(--theme-card-focus-radius,var(--theme-card-radius,10px));pointer-events:none;z-index:4;position:absolute}#field{--card-face:none}#scoreBoard{align-items:center;gap:var(--theme-scoreboard-gap,12px);width:var(--theme-scoreboard-width,293px);height:var(--theme-scoreboard-height,62px);background:var(--theme-scoreboard-bg);border-radius:var(--theme-scoreboard-radius);padding:var(--theme-scoreboard-padding);border:var(--theme-scoreboard-border);color:var(--theme-scoreboard-text-color);box-shadow:var(--theme-scoreboard-shadow);--scoreboard-label-blue:var(--theme-scoreboard-label-blue);--scoreboard-label-orange:var(--theme-scoreboard-label-orange);flex-direction:row;justify-content:space-between;display:flex}.scoreBoardEntry{align-items:center;gap:var(--theme-scoreboard-chip-gap,8px);padding:var(--theme-scoreboard-chip-padding);border-radius:var(--theme-scoreboard-chip-radius);display:flex}.scoreBoardEntry--blue{background:var(--theme-scoreboard-chip-bg-blue);color:var(--theme-scoreboard-chip-text-blue,var(--theme-scoreboard-name-color))}.scoreBoardEntry--orange{background:var(--theme-scoreboard-chip-bg-orange);color:var(--theme-scoreboard-chip-text-orange,var(--theme-scoreboard-name-color))}.scoreBoardLabel{width:var(--theme-scoreboard-label-width,24px);height:var(--theme-scoreboard-label-height,20px);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:block}.scoreBoardLabel--blue{background-image:var(--scoreboard-label-blue)}.scoreBoardLabel--orange{background-image:var(--scoreboard-label-orange)}.scoreBoardValue{color:inherit;font-family:var(--theme-scoreboard-value-font-family,var(--theme-scoreboard-label-font-family));font-weight:var(--theme-scoreboard-value-font-weight,var(--theme-scoreboard-label-font-weight));font-size:var(--theme-scoreboard-value-font-size,var(--theme-scoreboard-label-font-size));line-height:var(--theme-scoreboard-value-line-height,var(--theme-scoreboard-label-line-height));letter-spacing:var(--theme-scoreboard-value-letter-spacing,var(--theme-scoreboard-label-letter-spacing));margin:0}body[data-theme=codeVibes] .scoreBoardEntry--blue .scoreBoardValue:before{content:var(--theme-scoreboard-chip-label-blue,"Blue");margin-right:var(--theme-scoreboard-chip-label-gap,8px)}body[data-theme=codeVibes] .scoreBoardEntry--orange .scoreBoardValue:before{content:var(--theme-scoreboard-chip-label-orange,"Orange");margin-right:var(--theme-scoreboard-chip-label-gap,8px)}#gameHeader{align-items:center;gap:var(--theme-header-gap,12px);top:var(--theme-header-top,0);width:var(--theme-header-width,1217px);max-width:var(--theme-header-max-width,1440px);margin:var(--theme-header-margin,41px 112px);height:var(--theme-header-height,62px);font-family:var(--theme-font-family);font-weight:var(--theme-font-weight);font-size:var(--theme-font-size);line-height:var(--theme-line-height);letter-spacing:var(--theme-letter-spacing);color:var(--theme-header-text-color);background:var(--bg-color-header);border-radius:var(--theme-header-radius);padding:var(--theme-header-padding);box-shadow:var(--theme-header-shadow);flex-direction:row;justify-content:space-between;display:flex;position:fixed}#gameHeader #exit{flex-direction:row;justify-content:start;align-items:center;gap:0;display:flex}#gameHeader #exit a{align-items:center;gap:var(--theme-exit-gap,10px);background:var(--theme-exit-bg);border-radius:var(--theme-exit-radius);padding:var(--theme-exit-padding);border:var(--theme-exit-border);color:var(--theme-exit-text-color);min-width:var(--theme-exit-min-width,auto);min-height:var(--theme-exit-min-height,auto);box-sizing:border-box;box-shadow:var(--theme-exit-shadow);font-family:var(--theme-exit-font-family,var(--theme-font-family));font-weight:var(--theme-exit-font-weight,var(--theme-font-weight));font-size:var(--theme-exit-font-size,var(--theme-font-size));line-height:var(--theme-exit-line-height,var(--theme-line-height));letter-spacing:var(--theme-exit-letter-spacing,var(--theme-letter-spacing));flex-direction:row;justify-content:start;text-decoration:none;display:flex}#gameHeader #exit a .exitIcon{width:var(--theme-exit-icon-width,25.75px);height:var(--theme-exit-icon-height,22.5px);background-color:var(--theme-exit-icon-color,var(--theme-exit-img-color,var(--theme-exit-text-color)));-webkit-mask-image:var(--theme-exit-icon-mask,url(../assets/ui/exit.svg));-webkit-mask-image:var(--theme-exit-icon-mask,url(../assets/ui/exit.svg));mask-image:var(--theme-exit-icon-mask,url(../assets/ui/exit.svg));flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#gameHeader .scoreBoardPlayerName{color:inherit;font-family:var(--theme-scoreboard-label-font-family);font-weight:var(--theme-scoreboard-label-font-weight);font-size:var(--theme-scoreboard-label-font-size);line-height:var(--theme-scoreboard-label-line-height);letter-spacing:var(--theme-scoreboard-label-letter-spacing);margin:0}#gameHeader #currentPlayer{align-items:center;gap:var(--theme-current-player-gap,8px);background:var(--theme-current-player-bg);border-radius:var(--theme-current-player-radius);padding:var(--theme-current-player-padding);border:var(--theme-current-player-border);color:var(--theme-current-player-text-color);box-shadow:var(--theme-current-player-shadow);justify-content:start;gap:var(--theme-current-player-gap,8px);flex-direction:row;display:flex}#gameHeader #currentPlayer #current-player-label{color:var(--theme-current-player-label-color);font-family:var(--theme-current-player-label-font-family,var(--theme-font-family));font-weight:var(--theme-current-player-label-font-weight,var(--theme-font-weight));font-size:var(--theme-current-player-label-font-size,var(--theme-font-size));line-height:var(--theme-current-player-label-line-height,var(--theme-line-height));letter-spacing:var(--theme-current-player-label-letter-spacing,var(--theme-letter-spacing));margin:0}#gameHeader #currentPlayerTag{align-items:center;gap:var(--theme-current-player-tag-gap,8px);color:var(--theme-current-player-value-color);font-family:var(--theme-current-player-value-font-family,var(--theme-font-family));font-weight:var(--theme-current-player-value-font-weight,var(--theme-font-weight));font-size:var(--theme-current-player-value-font-size,var(--theme-font-size));line-height:var(--theme-current-player-value-line-height,var(--theme-line-height));letter-spacing:var(--theme-current-player-value-letter-spacing,var(--theme-letter-spacing));flex-direction:row;justify-content:start;display:flex}#gameHeader #currentPlayerTag .currentPlayerIndicator{width:var(--theme-current-player-indicator-width,var(--theme-scoreboard-label-width,24px));height:var(--theme-current-player-indicator-height,var(--theme-scoreboard-label-height,20px));border-radius:var(--theme-current-player-indicator-radius,4px);background-color:var(--theme-current-player-indicator-bg-color,transparent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}#gameHeader #currentPlayerTag .currentPlayerIndicator:before{content:"";width:var(--theme-current-player-indicator-glyph-width,10px);height:var(--theme-current-player-indicator-glyph-height,12px);background-color:var(--theme-current-player-indicator-icon-color,#fff);-webkit-mask-image:var(--theme-current-player-indicator-mask,var(--scoreboard-label-blue));-webkit-mask-image:var(--theme-current-player-indicator-mask,var(--scoreboard-label-blue));mask-image:var(--theme-current-player-indicator-mask,var(--scoreboard-label-blue));-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#gameHeader #currentPlayerTag .currentPlayerIndicator--blue{background-color:var(--theme-current-player-indicator-blue-bg,var(--theme-current-player-value-color))}#gameHeader #currentPlayerTag .currentPlayerIndicator--orange{background-color:var(--theme-current-player-indicator-orange-bg,#ea6900)}body[data-theme=codeVibes] #gameHeader #currentPlayerTag .currentPlayerIndicator{width:var(--theme-scoreboard-label-width,24px);height:var(--theme-scoreboard-label-height,20px);background-color:#0000;border-radius:0;display:block}body[data-theme=codeVibes] #gameHeader #currentPlayerTag .currentPlayerIndicator:before{content:none}body[data-theme=codeVibes] #gameHeader #currentPlayerTag .currentPlayerIndicator--blue{background-image:var(--scoreboard-label-blue)}body[data-theme=codeVibes] #gameHeader #currentPlayerTag .currentPlayerIndicator--orange{background-image:var(--scoreboard-label-orange)}