@font-face{font-family:Red Rose;src:url(../assets/fonts/red-rose/red-rose-300.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(../assets/fonts/red-rose/red-rose-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(../assets/fonts/red-rose/red-rose-500.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(../assets/fonts/red-rose/red-rose-600.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Red Rose;src:url(../assets/fonts/red-rose/red-rose-700.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(../assets/fonts/Orbitron/Orbitron-VariableFont_wght.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}body{color:#303131;margin:0;font-family:Red Rose,serif;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.1}h1{color:#fff;font-size:140px}h2{font-size:54px;font-weight:700}h3{font-size:32px;font-weight:700}h4{font-size:56px}h5{font-size:40px}h6{font-size:32px;font-weight:700}button{cursor:pointer;font-family:Red Rose,serif;font-size:20px;font-weight:500}dialog::backdrop{background:#00000080}.index_body{background-color:#2f3131;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.index_img{position:absolute;top:77%;left:180px;transform:translate(-50%,-50%)}.index_p{color:#f0f8ff;margin:0;font-size:48px}#startGameButton{color:#303131;cursor:pointer;background-color:#f0ea6e;border:none;flex-direction:row;justify-content:center;align-items:center;gap:16px;width:250px;height:98px;margin-top:100px;padding:10px 20px;font-size:40px;font-weight:700;transition:transform .2s;display:flex}#startGameButton[hidden]{display:none}#startGameButton:hover{transform:scale(1.05)}.button_label{transition:transform .5s;display:inline-block}#startGameButton:hover .button_label{transform:scale(1.08)}.arrow_in_button{font-size:40px}#startGameButton img{transform-origin:50%;transition:transform .2s;transform:rotate(0)scale(1)}#startGameButton:hover img{transform:rotate(-25.77deg)scale(1.12)}.settings{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:1440px;height:100vh;margin:0 auto;padding:0 170px;display:flex}.settings_header{margin-bottom:33px}.settings_header h2{padding:0 16px}.settings_content{flex-direction:column;justify-content:space-between;width:100%;display:flex}.settings_box{justify-content:space-between;width:100%;display:flex}.settings_aside{flex-direction:column;justify-content:center;align-items:end;display:flex}.underline{align-items:center;display:flex}.underline_square{background-color:#f0ea6e;width:16px;height:16px;margin-left:-8px;rotate:45deg}.underline_line{background-color:#f0ea6e;width:251px;height:4px}.game_mode,.choose_player,.board_size{flex-direction:column;margin-bottom:32px;display:flex}.game_mode_header,.choose_player_header,.board_size_header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.theme_button,.choose_player_button,.board_size_button{text-align:left;background-color:#0000;border:none;align-self:flex-start;align-items:center;gap:16px;width:fit-content;margin-bottom:8px;padding-left:42px;font-size:20px;font-weight:400;display:flex}.theme_button:hover,.choose_player_button:hover,.board_size_button:hover{cursor:pointer;font-weight:700}.theme_button.is-selected,.choose_player_button.is-selected,.board_size_button.is-selected{font-weight:700}.theme_button .underline,.choose_player_button .underline,.board_size_button .underline{rotate:180deg}.theme_button .underline_line,.choose_player_button .underline_line,.board_size_button .underline_line{width:41px;height:3px}.theme_button .underline_square,.choose_player_button .underline_square,.board_size_button .underline_square{width:12px;height:12px;margin-left:-6px}.settings_feedback{text-align:center;background-color:#0ca2a215;flex-direction:column;justify-content:center;align-items:center;width:460px;height:412px;margin-bottom:16px;display:flex}.start_game{box-sizing:border-box;color:#303131;background-color:#f6f6f6;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:700px;height:98px;padding:0 32px;font-size:20px;display:flex}.start_game_slash{background-color:#f0ea6e;width:4px;height:56px;transform:rotate(19.33deg)}.start_game_feedback{white-space:nowrap;align-items:center;gap:24px;display:flex}.start_game .underline{justify-content:center;width:4px;height:56px;transform:rotate(289.33deg)}.start_game .underline_line{flex-shrink:0;width:47px;height:4px}.start_game .underline_square{flex-shrink:0;width:12px;height:12px;margin-left:-6px}.startGameButton{width:126px!important;height:53px!important;margin:0!important;font-size:20px!important}.startGameButton:hover img{transform:rotate(-5.33deg)scale(1.12)!important}.has-gaming-font{background-color:#294f60;font-family:Orbitron,sans-serif}.has-gaming-font .exit_button{box-shadow:none;background-color:#0000;border:2px solid #e71c4f;border-radius:8px;font-family:Orbitron,sans-serif}.has-gaming-font .exit_button:hover{transform:scale(1.05)}.has-gaming-font .memory_game_header{background-color:#535d75;border-radius:8px}.has-gaming-font .score_board{background-color:#0000}.has-gaming-font #winnerFeedback.is-visible{justify-content:center}.has-gaming-font #winnerFeedback{background-color:#294f60}.has-gaming-font #backToStart{background-color:#0000;border:3px solid #ed1b76;border-radius:12px;font-family:Orbitron,sans-serif}.has-gaming-font #quitGameModal{background-color:#f0f6f9;border-radius:12px}.has-gaming-font #quitGameModal button{font-family:Orbitron,sans-serif}.has-gaming-font #quitGameModal #quitGameModal_backToGame_button{color:#f8f8f8;background-color:#ed1b76;border-radius:12px}.has-gaming-font #quitGameModal #quitGameModal_exitGame_button{color:#ed1b76;background-color:#f0e4ef;border:3px solid #ed1b76;border-radius:12px}.gaming_blue_player_img{background-image:url(assets/icons/blue-gaming-label.svg);background-size:cover;width:29px;height:24px}.has-gaming-font .card.is-matched .card__face--back{--matched-border-color:#ed1b76;--matched-box-shadow:5px 5px 8px 0px #ed1b764d;border:3px solid var(--matched-border-color);box-shadow:var(--matched-box-shadow)}.memory_game_body{color:#f0f8ff;box-sizing:border-box;flex-direction:column;align-items:center;gap:42px;max-width:1440px;height:100vh;margin:0 auto;padding:61px 111px;display:flex}.memory_game_header{justify-content:space-between;align-items:center;width:100%;display:flex}.memory_game_board{width:100%;max-width:1040px}#field{gap:16px;width:100%;display:grid}.current_player{align-items:center;gap:8px;margin-right:70px;font-size:26px;display:flex}.current_player img{width:29px;height:24px}.score_board{background-color:#415652;gap:16px;padding:8px 16px;display:flex}.blue_player{color:#2bb1ff}.orange_player{color:#f58e39}.blue_player,.orange_player{align-items:center;gap:4px;font-size:24px;display:flex}.exit_button{color:#f0f8ff;box-sizing:border-box;background-color:#415652;border:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 0 0 1px #4dd5bc}.exit_button:hover{box-shadow:none;border-color:#4dd5bc}.has-exit-button-hover-scale .exit_button:hover{transform:scale(1.05)}.card{background-color:#0000;border:none;width:120px;height:120px;padding:0}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s ease-in-out;position:relative}.card__face{backface-visibility:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.card__face--back{background-color:#fff;background-image:none;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.card__image{object-fit:contain;pointer-events:none;display:block}.card.is-flipped .card__inner{transform:rotateY(180deg)}.card.is-matched .card__face--back{animation:1.5s step-end matched-border-blink}@keyframes matched-border-blink{0%,24%,50%,74%,to{border-color:var(--matched-border-color);box-shadow:var(--matched-box-shadow)}25%,49%,75%,99%{box-shadow:none;border-color:#0000}}@media (prefers-reduced-motion:reduce){.card.is-matched .card__face--back{animation:none}}#field{justify-content:center;gap:8px;display:grid}.modal-backdrop{opacity:0;pointer-events:none;z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:24px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.is-visible{opacity:1;pointer-events:auto}.quit_dialog{color:#303131;text-align:center;background-color:#fff;border-radius:12px;width:min(100%,380px);padding:24px;box-shadow:0 12px 30px #00000040}.quit_dialog__title{margin:0 0 20px;font-size:24px;line-height:1.3}.quit_dialog__buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.quit_dialog__button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:600}.quit_dialog__button--secondary{color:#fff;background-color:#415652}.quit_dialog__button--primary{color:#303131;background-color:#4dd5bc}#quitGameModal{text-align:center;border:none;flex-direction:column;align-items:center;gap:54px;padding:40px;display:none}#quitGameModal[open]{display:flex}#quitGameModal_backToGame_button{color:#f8f8f8;background-color:#66cfbc;border:none}#quitGameModal_exitGame_button{color:#66cfbc;background-color:#eefcf9;border:3px solid #66cfbc}.modal_buttons{gap:24px;display:flex}.modal_buttons button{cursor:pointer;padding:8px 16px;font-size:20px;font-weight:700}.modal_buttons button:hover{scale:1.025}.has-coding-theme{background-color:#303131}.has-coding-theme .score_board{background-color:#415652}.has-coding-theme .card.is-matched .card__face--back{--matched-border-color:#4dd5bc;--matched-box-shadow:6px 6px 8px 0px #4dd5bc4d;border:5px solid var(--matched-border-color);box-shadow:var(--matched-box-shadow)}.game-over-page{text-align:center;background-color:#303131;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.game-over-page h1{color:#4dd5bc;text-shadow:-5px -1px 2px #e0f8f4;font-size:150px;font-weight:700}.game-over-page p{color:#fff;font-size:26px;font-weight:400}.game-over{flex-direction:column;gap:124px;display:flex}.game-over .score_board{width:fit-content;margin:0 auto}#winnerFeedback{color:#fff;text-align:center;background-color:#0000;border:none;width:100%;height:100vh;display:none}#winnerFeedback.is-visible{flex-direction:column;align-items:center;gap:16px;animation:.5s ease-out both winner-feedback-enter;display:flex}#winnerFeedback.is-draw{justify-content:center}#winnerFeedback.is-draw #winnerFeedbackTitle{margin:0;font-size:40px}#winnerFeedback.is-draw #winnerName{text-shadow:-5px -1px 2px #e0f8f4;margin:0;font-size:128px;font-weight:700}#winnerFeedback p{margin:-100px 0 0;font-size:40px;font-weight:400}@keyframes winner-feedback-enter{0%{opacity:0;transform:translateY(-100vh)}to{opacity:1;transform:translateY(0)}}#confetti{width:100%;max-width:1440px;height:auto;margin-top:-20px}@media (width<=700px){#confetti{width:700px}}#winnerName{margin-top:-20px;margin-bottom:20px;font-size:60px;font-weight:700}.winner_feedback{flex-direction:column;align-items:center;gap:64px;display:flex;position:relative}.winner_feedback button{color:#fff;background-color:#415652;border:2px solid #4dd5bc;padding:16px 32px}.winner_feedback button:hover{cursor:pointer;transition:scale 70ms ease-in-out;scale:1.025}