*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;background-image:url(/assets/yellow_brick_road-BePqM-G7.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh}.loading-text{color:red}.nav{background-color:#fff;color:#000;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem}.sticky{position:fixed;width:100%;top:0}.hamburger{border:0;height:2.5rem;width:2.5rem;padding:.5rem;border-radius:50%;background-color:#6355fa;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none}.hamburger:hover{background-color:#630fff}.nav ul{padding:0;margin:0;list-style:none;display:flex;gap:2rem}.nav a{color:inherit;text-decoration:none;height:100%;display:flex;align-items:center}.nav li{padding-bottom:.2rem}.nav li.active,.nav li:hover{border-bottom:solid .125rem #6355FA}@media screen and (max-width: 768px){.hamburger{display:block}.nav ul{display:none}.nav ul.expanded{display:block;position:absolute;top:4rem;left:0;flex-direction:column;width:100%;background-color:#333;color:#fff}a.button-slide{display:none;width:30%}.nav .nav-link{height:3rem}}._site_title_mjhw1_1{font-size:2rem}._nav_padding_mjhw1_5{height:4.375rem}@media screen and (max-width: 768px){._nav_padding_mjhw1_5{height:3.125rem}._site_title_mjhw1_1{font-size:1rem}}._user_icon_mjhw1_19{width:30px;height:30px;margin-left:auto;display:flex;align-items:center}._dropdown_mjhw1_27{position:relative;display:inline-block}._dropdown_button_mjhw1_32{background-color:transparent;color:#000;padding:10px 16px;font-size:16px;border:none;cursor:pointer}._dropdown_button_mjhw1_32:hover,._dropdown_button_mjhw1_32:focus{background-color:#ffffff1a}._dropdown_menu_mjhw1_44{position:absolute;top:100%;right:0;background-color:#fff;box-shadow:0 8px 16px #0003;z-index:1;display:flex;flex-direction:column}._dropdown_menu_mjhw1_44 a,._dropdown_menu_mjhw1_44 button{padding:10px;text-decoration:none;color:#000;display:block;background:none;border:none;cursor:pointer;text-align:left}._dropdown_menu_mjhw1_44 a:hover,._dropdown_menu_mjhw1_44 button:hover{background-color:#f1f1f1}.home-container{min-height:calc(100vh - 4.375rem);padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;position:relative}.home-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000001a,#0000000d);pointer-events:none;z-index:0}.home-container>*{position:relative;z-index:1}.home-title{text-align:center;width:100%;margin:2rem 0 1rem;font-size:3.5rem;font-weight:700;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:2px;text-transform:uppercase}.training-games-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;justify-items:center;align-items:center;margin:auto;margin-top:5vh;max-width:80vw;padding:1vh;border-radius:4vh;background-color:#c8e6ffb3}.training-games-title{font-size:2.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;text-align:center}.training-games-description{font-size:1.2rem;color:#34495e;text-align:center;line-height:1.6;margin:0;font-weight:400}.game-container{background-color:#fff;border:2px solid black;border-radius:2vh;margin:auto;margin-top:1vh;margin-bottom:1vh;width:38vw;font-size:1.5rem;text-decoration:none;padding:1rem}.game-title{text-decoration:none;color:#000}.game-description{font-size:1rem;color:#000}.game-image{height:5vh}.guided-journey-container{display:flex;flex-direction:column;gap:1.5rem;justify-items:center;align-items:center;margin:2rem auto;max-width:600px;width:100%;padding:2rem;border-radius:20px;background:linear-gradient(135deg,#ffffffe6,#c8e6ffcc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.guided-journey-container:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0003;background:linear-gradient(135deg,#fffffff2,#c8e6ffe6)}.guided-journey-image{height:120px;width:auto;border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease}.guided-journey-container:hover .guided-journey-image{transform:scale(1.05)}.home-container h2{color:#fff;font-size:1.5rem;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin-bottom:2rem;text-align:center}@media (max-width: 768px){.home-title{font-size:2.5rem;margin:1rem 0}.guided-journey-container{margin:1rem auto;padding:1.5rem;max-width:90%}.training-games-title{font-size:2rem}.training-games-description{font-size:1rem}.guided-journey-image{height:80px}.training-games-container{grid-template-columns:1fr}.game-container{width:80vw;height:3rem;font-size:1.2rem}.game-description{font-size:.9rem}}@media (max-width: 480px){.home-title{font-size:2rem;letter-spacing:1px}.guided-journey-container{padding:1rem;margin:.5rem auto}.training-games-title{font-size:1.5rem}.training-games-description{font-size:.9rem}.guided-journey-image{height:60px}.training-games-container{grid-template-columns:1fr}.game-container{width:90vw;height:2.5rem;font-size:1rem}.game-description{font-size:.6rem}}._milestones_container_ylg9a_1{padding:1rem;background-color:#fffc;width:80vw;margin:1rem auto}._table_ylg9a_8{border-collapse:collapse;width:100%}._table_ylg9a_8 th,._table_ylg9a_8 td{border:1px solid black;padding:8px}._table_ylg9a_8 tr{cursor:pointer;transition:background-color .3s,color .3s}._table_ylg9a_8 tr:hover{background-color:#f0f0f0;color:#007bff}._table_ylg9a_8 thead tr:hover{background-color:transparent;color:inherit;cursor:default}._modal_ylg9a_34{width:50vw;position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin-right:-50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center;max-height:80vh;overflow-y:auto;scroll-behavior:smooth}._overlay_ylg9a_54{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf}._milestone_description_ylg9a_63{padding:.5rem 2rem}._begin_button_ylg9a_67{background-color:green;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;margin:0 auto;margin-top:1rem;display:block}._begin_button_ylg9a_67:hover{background-color:#006400}._close_button_ylg9a_83{position:absolute;top:5px;right:10px;background:none;border:none;font-size:28px;font-weight:700;cursor:pointer;color:#333;padding:5px}._close_button_ylg9a_83:hover{color:#000}._feedback_button_ylg9a_100{margin:.25rem;padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}._piano_keyboard_container_ylg9a_114{display:flex;justify-content:center;align-items:center;width:100%;margin:1rem auto;padding:0}._piano_scale_wrapper_ylg9a_123{transform:scaleX(.6);transform-origin:center center;margin:0 auto;font-size:.1rem}@media (max-width: 600px){._piano_scale_wrapper_ylg9a_123{transform:scaleX(.45);font-size:.08rem}}@media (min-width: 601px) and (max-width: 900px){._piano_scale_wrapper_ylg9a_123{transform:scaleX(.55);font-size:.09rem}}@media (min-width: 901px) and (max-width: 1200px){._piano_scale_wrapper_ylg9a_123{transform:scaleX(.65);font-size:.1rem}}@media (min-width: 1201px) and (max-width: 1600px){._piano_scale_wrapper_ylg9a_123{transform:scaleX(.5);font-size:.11rem}}@media (min-width: 1601px){._piano_scale_wrapper_ylg9a_123{transform:scaleX(.45);font-size:.12rem}}._bullet_list_ylg9a_165{display:inline-block;padding-left:1.5rem;margin-left:0;list-style-position:outside;width:auto}._bullet_list_container_ylg9a_173{display:block;margin:.5rem 0}._bullet_list_ylg9a_165 li{padding-left:.5rem}._continue_button_ylg9a_183{background-color:#007bff;color:#fff;border:3px solid #0056b3;padding:15px 30px;cursor:pointer;border-radius:8px;display:block;font-size:1.2rem;font-weight:700;text-align:center;box-shadow:0 4px 10px #007bff4d;transition:transform .2s ease,background-color .3s ease;min-width:180px;margin:2rem auto}._continue_button_ylg9a_183:hover{background-color:#0056b3;transform:scale(1.05)}._character_icon_container_ylg9a_205{position:fixed;bottom:20px;right:20px;z-index:1000}._character_icon_ylg9a_205{width:60px;height:60px;border-radius:50%;border:3px solid #007bff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #007bff4d;object-fit:cover}._character_icon_ylg9a_205:hover{transform:scale(1.1);box-shadow:0 6px 16px #007bff66;border-color:#0056b3}._show_full_list_button_ylg9a_229{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}._dialogueContainer_xh3ed_1{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:35vw;background-color:#fffffff2;box-shadow:0 -4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:10;border-radius:15px 15px 0 0}._characterInfo_xh3ed_18{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}._characterImage_xh3ed_25{width:8vw;height:auto;margin-bottom:8px;border-radius:50%;border:3px solid #007bff}._characterName_xh3ed_33{font-size:14px;font-weight:700;color:#007bff;text-align:center}._dialogueText_xh3ed_40{font-size:16px;text-align:center;margin-bottom:15px;line-height:1.4;min-height:40px;display:flex;align-items:center}._dialogueActions_xh3ed_50{display:flex;gap:10px;justify-content:center}._closeButton_xh3ed_56{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}._closeButton_xh3ed_56:hover{background-color:#0056b3}._newDialogueButton_xh3ed_70{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}._newDialogueButton_xh3ed_70:hover{background-color:#218838}._journeyContainer_1p5eo_1{position:relative;width:70vw;height:42vw;background-image:url(/journey_map.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0;margin:0 auto}._path_1p5eo_13{position:absolute;left:50%;top:0;width:4px;height:100%;background-color:transparent;transform:translate(-50%)}._point_1p5eo_24{position:absolute;width:20px;height:20px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}._point_1p5eo_24._completed_1p5eo_35{background-color:#4caf50}._label_1p5eo_39{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;white-space:nowrap;background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px}._labelRight_1p5eo_52{left:120%;text-align:left}._labelAbove_1p5eo_57{left:50%;top:-30px;transform:translate(-50%);text-align:center}._labelBelow_1p5eo_64{left:50%;top:30px;transform:translate(-50%);text-align:center}._piano_keyboard_1kcop_3{position:relative;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;height:120px;z-index:0}._piano_key_1kcop_3{position:relative;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;border:1px solid #333;font-size:.7rem}._white_key_1kcop_24{width:1.8vw;height:100%;background-color:#fff;z-index:1}._black_key_1kcop_32{width:1.125vw;height:60%;background-color:#000;margin-left:-12.5px;margin-right:-12.5px;z-index:2;color:#fff}._highlighted_1kcop_43{background-color:gold!important;color:#000!important}._note_label_1kcop_49{font-size:.6vw;padding:4px;pointer-events:none;-webkit-user-select:none;user-select:none}._interval_detector_1wg4g_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Arial,sans-serif;border:2px solid #4caf50;border-radius:10px;box-shadow:0 4px 8px #0000001a;background-color:#fff;margin:20px auto}h2{font-size:24px;margin-bottom:15px;color:#333}label{font-size:16px;margin-bottom:10px;font-weight:700}select{padding:8px 12px;font-size:16px;border-radius:5px;border:1px solid #ccc;margin-bottom:15px;cursor:pointer}._progress_bar_container_1wg4g_37{width:100%;max-width:300px;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-top:10px}._progress_bar_1wg4g_37{width:100%;max-width:300px;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin:10px auto;position:relative}._progress_1wg4g_37{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}._interval_info_1wg4g_65{display:flex;flex-direction:column;align-items:center;background-color:#f8f8f8;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:300px;text-align:center;margin-top:15px}._interval_info_1wg4g_65 p{font-size:18px;margin:5px 0;color:#444}._interval_info_1wg4g_65 p:first-child{font-weight:700}._pitch_wheel_container_1wg4g_88{position:relative;width:250px;height:250px;margin:20px auto}._pitch_wheel_1wg4g_88{width:100%;height:100%;transition:transform .3s ease-in-out}._pitch_wheel_1wg4g_88 img{width:100%}._pitch_needle_1wg4g_105{position:absolute;top:-10px;left:50%;width:0;height:60px;border-left:4px solid red;transform:translate(-50%)}._instructions_1wg4g_115{text-align:center;font-size:1.2rem;margin-bottom:1rem;color:#555}._note_display_1wg4g_122{font-size:1.5rem;font-weight:700;color:#333;margin-top:10px}._circular_progress_wrapper_1wg4g_130{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}._circular_progress_container_1wg4g_138{position:relative;width:100px;height:100px}._circular_progress_1wg4g_130{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(#4caf50 calc(var(--progress) * 1%),#e0e0e0 0);display:flex;align-items:center;justify-content:center}._circular_progress_1wg4g_130 ._note_display_1wg4g_122{position:absolute;font-size:1rem;font-weight:700;color:#333}._arrow_1wg4g_168{width:50px;height:2px;background-color:#333;position:relative}._arrow_1wg4g_168:after{content:"";position:absolute;top:-5px;right:-5px;width:10px;height:10px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}._interval_game_1m6r0_1{background-color:#fffc;width:95vw;margin:auto;margin-top:1.5rem;padding:1rem;border-radius:4rem;min-height:50vh}._header_section_1m6r0_11{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}._scoreboard_1m6r0_18{border:1px solid black;background-color:#fff;padding:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border-radius:1rem}._music_staff_1m6r0_29{width:10vw;margin:auto;border:1px solid black}._guess_btn_group_1m6r0_35{margin:.5rem;display:inline-block;border:solid black .15rem}._default_button_1m6r0_41{background-color:#fff;border-radius:10%;height:1.5rem;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;margin:.25rem;cursor:pointer}._play_button_1m6r0_53{background-color:green;border-radius:10rem;height:3rem;box-shadow:.25rem .25rem #4f4f4f;font-size:2rem;font-weight:700;border:2px solid #4f4f4f;margin:.5rem;cursor:pointer}._play_button_1m6r0_53:hover{filter:brightness(1.2)}._settings_button_1m6r0_69{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}@media (max-width: 768px){._scoreboard_1m6r0_18{width:40vw}}@media (max-width: 480px){._header_section_1m6r0_11{flex-direction:column;align-items:center}._scoreboard_1m6r0_18{width:50vw;display:flex;justify-content:space-between}}._settings_container_fzxa6_2{border:1px solid black;padding:1rem;background-color:#d3d3d3e6;border-radius:2rem;margin:1rem auto;width:fit-content}._interval_checkboxes_container_fzxa6_12{border:1px solid black;width:30vw;padding:.5rem;background-color:#fff;border-radius:2rem}._misc_settings_container_fzxa6_21{border:1px solid black;background-color:#fff;width:30vw;display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:2rem;align-items:center}._header_row_fzxa6_34{display:flex;justify-content:right;align-items:center;flex-direction:row}._interval_row_fzxa6_41{display:flex;justify-content:right;align-items:center;flex-direction:row;border-top:1px solid black}._row_item_fzxa6_49{flex:1;margin:.25rem 0}._row_double_item_fzxa6_54{flex:2;margin:.25rem 0}._controls_container_fzxa6_60{display:flex;justify-content:space-around}._select_dropdown_fzxa6_65{width:10rem}._delay_input_fzxa6_69{width:3rem}._note_range_container_fzxa6_73{background-color:#fff;width:fit-content;margin:1rem auto;padding:.5rem;border-radius:2rem;border:1px solid black}._note_select_container_fzxa6_82{display:flex;justify-content:center;gap:5rem}._piano_keyboard_container_fzxa6_88{display:flex;justify-content:center;padding:1rem}._new_preset_container_fzxa6_94{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;box-shadow:0 4px 8px #0000001a;z-index:1000;border-radius:8px}._modal_overlay_fzxa6_106{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}._preset_configs_container_fzxa6_116{border:1px solid black;background-color:#fff;width:fit-content;padding:1rem;border-radius:2rem;margin:1rem auto}._preset_configs_controls_container_fzxa6_125{display:flex;flex-direction:row;gap:.5rem;justify-content:center;margin:1rem auto}._plus_icon_fzxa6_133,._trash_icon_fzxa6_138{cursor:pointer;font-size:2rem}@media (max-width: 480px){._settings_container_fzxa6_2{margin:0;padding:0;font-size:80%}._interval_checkboxes_container_fzxa6_12{margin-left:0rem;margin-right:0rem;padding:0}._header_row_fzxa6_34,._interval_row_fzxa6_41{margin:auto}._scoreboard_fzxa6_164,._settings_container_fzxa6_2{width:100%;margin-bottom:1rem}._note_select_container_fzxa6_82{display:flex;justify-content:space-between}._note_select_fzxa6_82{flex:1;margin-left:2rem;margin-right:2rem}}._difficulty_select_container_hcwjv_1{border:1px solid #ccc;background-color:#fffc;padding:1rem;margin:1rem;border-radius:4vh}._optionsContainer_hcwjv_9{display:grid;grid-template-columns:1fr;gap:2rem}._option_hcwjv_9{padding:2rem;margin:1rem;border:1px solid #ccc;cursor:pointer;height:10rem;border-radius:2vh}._selectedOption_hcwjv_24{background-color:#ddd}._unselectedOption_hcwjv_28{background-color:#fff}._feedback_container_2siro_1{margin:1rem auto;padding:1rem;background-color:#f8f9fa;border:1px solid black;border-radius:2rem;box-shadow:0 .5rem 1rem #00000026;width:fit-content}._feedback_button_2siro_15{margin:.25rem;padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}._feedback_button_2siro_15:hover{background-color:#0056b3;transform:scale(1.05)}._feedback_button_2siro_15:active{background-color:#004085;transform:scale(1)}._settings_container_7r530_2{border:1px solid black;padding:1rem;background-color:#d3d3d3e6;border-radius:2rem;margin:1rem auto;width:fit-content}._interval_checkboxes_container_7r530_12{border:1px solid black;width:fit-content;padding:.5rem;background-color:#fff;border-radius:2rem}._header_row_7r530_21,._interval_row_7r530_21{display:flex;justify-content:right;align-items:center;flex-direction:row;width:18rem}._row_item_7r530_29{flex:1}._controls_container_7r530_33{display:flex;justify-content:space-around}._misc_settings_container_7r530_39{border:1px solid black;background-color:#fff;width:fit-content;display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-radius:2rem;align-items:center}._note_range_container_7r530_51{background-color:#fff;width:fit-content;margin:1rem auto;padding:.5rem;border-radius:2rem;border:1px solid black}._note_select_container_7r530_60{display:flex;justify-content:center;gap:5rem}@media (max-width: 480px){._settings_container_7r530_2{margin:0;padding:0;font-size:80%}._interval_checkboxes_container_7r530_12{margin-left:0rem;margin-right:0rem;padding:0}._header_row_7r530_21,._interval_row_7r530_21{margin:auto}._scoreboard_7r530_91,._settings_container_7r530_2{width:100%;margin-bottom:1rem}._note_select_container_7r530_60{display:flex;justify-content:space-between}._note_select_7r530_60{flex:1;margin-left:2rem;margin-right:2rem}}._harmonic_interval_game_tey3c_1{background-color:#fffc;width:95vw;margin:auto;margin-top:5rem;padding:4rem;border-radius:4rem;min-height:50vh}._header_section_tey3c_11{display:flex;justify-content:space-between;padding-left:1rem;padding-right:1rem}._scoreboard_tey3c_18{border:1px solid black;width:20vw}._music_staff_tey3c_23{width:10vw;margin:auto;border:1px solid black}._guess_btn_group_tey3c_29{margin:.5rem;display:inline-block;border:solid black .15rem}._default_button_tey3c_35{background-color:#fff;border-radius:10%;height:1.5rem;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;margin:.25rem;cursor:pointer}._play_button_tey3c_47{background-color:green;border-radius:10rem;height:3rem;box-shadow:.25rem .25rem #4f4f4f;font-size:2rem;font-weight:700;border:2px solid #4f4f4f;margin:.5rem;cursor:pointer}._play_button_tey3c_47:hover{filter:brightness(1.2)}._settings_button_tey3c_63{display:block;margin:10rem auto .25rem;border-radius:10%;box-shadow:.1rem .1rem #4f4f4f;font-size:1rem;font-weight:700;border:1px solid #4f4f4f;cursor:pointer;padding:.5rem;text-align:center}._visualization_1gzhq_1{border:1px solid black;background:#fff}._progressContainer_1gzhq_6{width:100%;max-width:400px;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden;margin-top:10px}._progressBar_1gzhq_16{height:100%;background-color:#32cd32;width:0%;transition:width .1s linear}._pitch_detector_1gzhq_23{text-align:center;font-family:Arial,sans-serif}._pitch_wheel_container_1gzhq_28{position:relative;width:250px;height:250px;margin:20px auto}._pitch_wheel_1gzhq_28{width:100%;height:100%;transition:transform .3s ease-in-out}._pitch_wheel_1gzhq_28 img{width:100%}._pitch_needle_1gzhq_45{position:absolute;top:-10px;left:50%;width:0;height:60px;border-left:4px solid red;transform:translate(-50%)}._interval_selector_j4o8k_1{margin:1rem 0;text-align:center}._interval_selector_j4o8k_1 label{margin-right:.5rem;font-size:1rem;color:#555}._interval_selector_j4o8k_1 select{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}._leaderboard_container_gxz0z_1{display:flex;flex-direction:column;background-color:#fffc;padding:1rem;margin:3rem auto;border-radius:4vh;align-items:center;width:80%}._tables_container_gxz0z_12{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%;margin:1rem 0}._table_container_gxz0z_20{display:flex;flex-direction:column;align-items:center;background-color:#7c7878cc;padding:1rem;border-radius:1rem;width:fit-content}._leaderboard_table_gxz0z_30{width:45%;border-collapse:collapse;margin:20px 0;background-color:#fff}._leaderboard_table_gxz0z_30 th,._leaderboard_table_gxz0z_30 td{border:1px solid #ddd;padding:8px;text-align:left}._leaderboard_table_gxz0z_30 th{background-color:#f2f2f2;font-weight:700}._profile_pic_gxz0z_48{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:10px}._username_container_gxz0z_56{display:flex;align-items:center}._loginContainer_1iwvb_1{background-size:cover;background-position:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}._loginBox_1iwvb_12{max-width:400px;width:100%;margin:auto;padding:40px 80px 80px;background-color:#fffc;border-radius:40px}._loginTitle_1iwvb_22{font-size:2rem;text-align:center;margin-bottom:3rem}._loginInput_1iwvb_28{width:100%;padding:8px;margin:10px 0}._loginError_1iwvb_34{color:red}._loginSuccess_1iwvb_38{color:green}._loginToggle_1iwvb_42{margin-top:10px}._title_1iwvb_46{text-align:center;width:100%;margin-top:5rem;font-size:6rem;color:#fff;text-shadow:2px 2px 4px #000000}._loginButton_1iwvb_56{background-color:#fff;border:2px solid #008CBA;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;margin-top:2rem;transition:background-color .3s ease}._loginButton_1iwvb_56:hover{background-color:#008cba;color:#fff}._loginToggle_1iwvb_42{background-color:#008cba;border:none;color:#fff;padding:10px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}._loginToggle_1iwvb_42:hover{background-color:#007bb5}._checkboxContainer_1iwvb_97{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}._checkboxContainer_1iwvb_97 input{margin-right:10px}._checkboxContainer_1iwvb_97 label{font-size:14px}@media (max-width: 600px){._loginBox_1iwvb_12{max-width:90%;padding:40px;border-radius:20px}._title_1iwvb_46{font-size:3rem;margin-top:2rem}}._passwordRequirements_1iwvb_125{margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:4px;font-size:.9rem}._passwordRequirements_1iwvb_125 p{margin-bottom:5px;font-weight:700}._passwordRequirements_1iwvb_125 ul{list-style-type:none;padding-left:5px;margin:0}._passwordRequirements_1iwvb_125 li{margin:5px 0;padding-left:20px;position:relative}._validRequirement_1iwvb_150{color:#28a745}._validRequirement_1iwvb_150:before{content:"✓";position:absolute;left:0}._invalidRequirement_1iwvb_160{color:#dc3545}._invalidRequirement_1iwvb_160:before{content:"✗";position:absolute;left:0}._footer_1n7wu_1{background-color:#f1f1f1;text-align:center;padding:10px 0;width:100%;bottom:0}._profile_settings_container_ooon3_3{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw;background-color:#f0f0f0;margin:20px auto}._profile_picture_preview_ooon3_14{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-top:10px}._file_input_ooon3_22{display:block;margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;cursor:pointer}._file_input_ooon3_22:hover{background-color:#e9e9e9}._file_input_ooon3_22:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}._page_k9xfg_1{background-color:#d0d0d0;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}._container_k9xfg_10{background-color:#e0e0e0;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;color:#333}._character_k9xfg_19{text-align:center}._character_k9xfg_19 img{width:180px;height:auto;border-radius:50%;box-shadow:0 6px 8px #0003;margin-bottom:15px}._dialogue_k9xfg_31{background-color:#fff;padding:15px 20px;border-radius:15px;box-shadow:0 4px 6px #0000001a;font-size:1.1rem;color:#333;max-width:400px;text-align:center;line-height:1.5}._button_k9xfg_43{margin-top:20px;padding:15px 30px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}._button_k9xfg_43:hover{background-color:#45a049}