body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#476eae,#3a5a8a);color:#fff;min-height:100vh;text-align:center}.App-header{color:#fff;padding:80px 0 0}.App-title{align-items:center;color:#fff;display:flex;font-family:Arial Black,Helvetica,"sans-serif";font-size:5rem;font-weight:900;justify-content:center;letter-spacing:6px;margin-bottom:0;padding:60px 0 0;text-align:center;text-transform:uppercase;width:100%}.homepage-container{margin:0 auto;max-width:1200px;padding:20px}.game-cards{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;margin:40px 0}.game-card{border:2px solid #0000;border-radius:12px;padding:5px;transition:all .3s ease}.game-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.game-card.classic-card{border-color:#48b3af}.game-card.speed-card{border-color:#a7e399}.game-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease}.classic-button{background-color:#48b3af;color:#282c34}.speed-button{background-color:#a7e399;color:#fff}.game-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;padding:10px}.game-title-section{gap:10px}.game-title-section,.timer-display{align-items:center;display:flex;flex-direction:column}.timer-display{gap:5px}.timer-label{font-size:.8rem;font-weight:500;opacity:.8}.timer-value{color:#4caf50;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;transition:color .3s ease}.timer-value.timer-warning{animation:pulse 1s infinite;color:#ff5722}@media (min-width:768px){.game-container{position:relative}.game-header{left:0;margin:35px auto;max-width:800px;position:absolute;right:0;top:0;z-index:10}.App-header{padding:100px 0 0}}.game-header-buttons{background-color:#ffffff0d;border-radius:12px;display:flex;gap:0;overflow:hidden;padding:4px;position:relative}@media (max-width:767px){.game-header-buttons{flex-direction:column;gap:4px}}.back-button{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:120px;padding:15px 25px;position:relative;text-align:center;transition:all .3s ease;z-index:2}.back-button:hover{background-color:#ffffff0d;color:#ffffffe6}.new-game-button{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:120px;padding:15px 25px;position:relative;text-align:center;transition:all .3s ease;z-index:2}.new-game-button:hover{background-color:#ffffff0d;color:#ffffffe6}.new-game-button:before{background:linear-gradient(135deg,#48b3af,#3a9b97);border-radius:8px;bottom:4px;box-shadow:0 4px 15px #48b3af4d;content:"";left:4px;pointer-events:none;position:absolute;right:4px;top:4px;z-index:-1}.mode-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;font-size:2rem;font-weight:700;padding:15px 20px}.mode-indicator.classic-mode{font-family:Times New Roman,Georgia,"serif";font-style:italic;font-weight:400;letter-spacing:2px;text-shadow:2px 2px 4px #0000004d}.mode-indicator.speed-mode{animation:speedGlow 2s ease-in-out infinite alternate;font-family:Arial Black,Helvetica,"sans-serif";font-weight:900;letter-spacing:4px;text-shadow:0 0 10px #8df0cc80;text-transform:uppercase}.game-container{margin:0 auto;max-width:600px;padding:10px}@media (max-width:767px){.game-container{position:relative}}.game-controls{margin:20px 0}.game-controls button{background-color:#61dafb;border:none;border-radius:8px;color:#282c34;cursor:pointer;font-size:1rem;margin:0 10px;padding:12px 24px;transition:all .3s ease}.game-controls button:hover{background-color:#4fa8c5}.game-status{font-size:1.2rem;font-weight:700;margin:20px 0}.game-status button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:15px;text-transform:uppercase;transition:all .3s ease}.game-status.won{color:#538d4e}.game-status.lost{color:#ff6b6b}.game-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:20px auto;max-width:600px;padding:20px;position:relative}.guess-row{gap:6px}.guess-row,.letter-tile{align-items:center;display:flex;justify-content:center}.letter-tile{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:700;height:50px;text-transform:uppercase;transition:all .3s ease;width:50px}.letter-tile.correct{background-color:#538d4e;border-color:#538d4e;box-shadow:0 0 10px #538d4e80}.letter-tile.incorrect-position{background-color:#b59f3b;border-color:#b59f3b;box-shadow:0 0 10px #b59f3b80}.letter-tile.incorrect{background-color:#3a3a3c;border-color:#3a3a3c;box-shadow:0 0 10px #3a3a3c80}.letter-tile.current{animation:pulse 1s infinite;background-color:#48b3af33;border-color:#48b3af;box-shadow:0 0 10px #48b3af4d}@keyframes pulse{0%{border-color:#48b3af;box-shadow:0 0 10px #48b3af4d}50%{border-color:#61dafb;box-shadow:0 0 15px #61dafb80}to{border-color:#48b3af;box-shadow:0 0 10px #48b3af4d}}.keyboard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff14;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;height:180px;margin-top:20px;padding:15px}.keyboard-row{display:flex;gap:4px;justify-content:center;margin:6px 0}.keyboard-key{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid #ffffff40;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;max-width:36px;min-width:32px;padding:10px 6px;transition:all .3s ease}.keyboard-key:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fff6;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.keyboard-key.correct{background:linear-gradient(135deg,#538d4e,#4a7c59);border-color:#538d4e;box-shadow:0 0 15px #538d4e99}.keyboard-key.incorrect-position{background:linear-gradient(135deg,#b59f3b,#a68b2b);border-color:#b59f3b;box-shadow:0 0 15px #b59f3b99}.keyboard-key.incorrect{background:linear-gradient(135deg,#3a3a3c,#2d2d2f);border-color:#3a3a3c;box-shadow:0 0 15px #3a3a3c99}.keyboard-key.wide{flex:1.2 1;max-width:60px;min-width:50px}@media (max-width:767px){.App-header,.App-title{padding:60px 0 0}.App-title{letter-spacing:3px;margin-bottom:0}.game-header{margin-top:10px}.mode-indicator{font-size:1.5rem;padding:10px 15px}.mode-indicator.classic-mode{letter-spacing:1px}.mode-indicator.speed-mode{letter-spacing:2px}.back-button,.new-game-button{font-size:.9rem;min-width:100px;padding:12px 18px}.game-board{margin:5px;padding:12px}.letter-tile{font-size:1.2rem;height:35px;width:35px}.keyboard{border-radius:12px 12px 0 0;height:140px;padding:8px}.keyboard-row{gap:3px;margin:3px 0}.keyboard-key{flex:1 1;font-size:.75rem;height:36px;max-width:32px;min-width:28px;padding:8px 4px}.keyboard-key.wide{flex:1.3 1;height:36px;max-width:44px;min-width:38px}.timer-container{padding:10px 18px!important}.timer-value{font-size:28px!important;letter-spacing:1px!important}}.invalid-word-modal{position:absolute;width:200px;z-index:1000}.invalid-word-modal.auto-close{animation:autoCloseSequence 2.5s ease-out forwards}@media (min-width:768px){.invalid-word-modal{left:80%;top:40%;transform:translateY(-50%)}}@media (max-width:767px){.invalid-word-modal{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}}.invalid-word-modal-content{background-color:#fff;border:3px solid #333;border-radius:20px;box-shadow:0 4px 15px #0003;max-width:250px;padding:15px 20px;position:relative}.invalid-word-modal-content p{color:#333;font-size:1rem;font-weight:500;line-height:1.4;margin:0}@media (min-width:768px){@keyframes slideInFromLeft{0%{opacity:0;transform:translateY(-50%) translateX(-100%)}to{opacity:1;transform:translateY(-50%) translateX(0)}}}@media (max-width:767px){@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}}@keyframes autoCloseSequence{0%{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}12%{opacity:1;transform:translate(-50%,-50%) translateY(0)}80%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}}}@media (min-width:768px){@keyframes slideOutToLeft{0%{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-100%)}}@keyframes autoCloseSequence{0%{opacity:0;transform:translateY(-50%) translateX(-100%)}12%{opacity:1;transform:translateY(-50%) translateX(0)}80%{opacity:1;transform:translateY(-50%) translateX(0)}to{opacity:0;transform:translateY(-50%) translateX(-100%)}}}.game-finish-modal{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:2000}.game-finish-modal-content{animation:slideInFromBottom .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:280px;padding:30px;text-align:center;width:90%}.game-finish-modal-content h2{color:#333;font-size:1.8rem;margin:0 0 15px}.game-finish-modal-content p{color:#666;font-size:1.1rem;line-height:1.4;margin:0 0 25px}.game-finish-modal-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:10px;padding:12px 24px;transition:all .2s ease}.game-finish-modal-button:hover{transform:translateY(-2px)}.play-again-button{background-color:#48b3af}.play-again-button:hover{background-color:#3a9b97}.back-to-home-button{background-color:#e74c3c}.back-to-home-button:hover{background-color:#c0392b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.game-config-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.game-config-modal-content{animation:slideInFromBottom .3s ease;background-color:#476eae;border-radius:12px;box-shadow:0 20px 40px #0000004d;color:#fff;max-width:500px;padding:30px;width:90%}.game-config-modal-content h2{color:#fff;font-size:1.8rem;margin:0 0 25px;text-align:center}.setting-group{margin-bottom:15px;text-align:center}.setting-group h3{color:#fff;font-size:1.2rem;margin:0 0 15px;text-align:center}.radio-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.radio-option{align-items:center;background-color:#ffffff1a;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:8px 15px;transition:all .2s ease}.radio-option:hover{background-color:#fff3;transform:translateY(-2px)}.radio-option input[type=radio]{accent-color:#48b3af;margin-right:8px}.radio-option input[type=radio]:checked+span{color:#48b3af;font-weight:700}.radio-option:has(input[type=radio]:checked){background-color:#48b3af33;border-color:#48b3af}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;min-width:100px;padding:12px 25px;transition:all .2s ease}.modal-button:hover{transform:translateY(-2px)}.cancel-button{background-color:#e74c3c;color:#fff}.cancel-button:hover{background-color:#c0392b}.start-button{background-color:#48b3af;color:#fff}.start-button:hover{background-color:#3a9b97}.tabs-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:0 auto;max-width:800px;padding:20px}.tabs-header{background-color:#ffffff0d;border-radius:12px;display:flex;gap:0;justify-content:center;margin-bottom:20px;padding:4px}.tab-button,.tabs-header{overflow:hidden;position:relative}.tab-button{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:120px;padding:15px 25px;text-align:center;transition:all .3s ease;z-index:2}.tab-button:hover{background-color:#ffffff0d;color:#ffffffe6}.tab-button.active{color:#fff;font-weight:700}.tab-button[data-tab=classic]{font-family:Times New Roman,Georgia,"serif";font-style:italic;font-weight:400;letter-spacing:1px}.tab-button[data-tab=speed]{font-family:Arial Black,Helvetica,"sans-serif";font-weight:900;letter-spacing:2px;text-transform:uppercase}.tab-indicator{background:linear-gradient(135deg,#48b3af,#3a9b97);border-radius:8px;bottom:4px;box-shadow:0 4px 15px #48b3af4d;left:4px;pointer-events:none;position:absolute;right:4px;top:4px;z-index:-1}.tab-indicator[data-tab=speed]{background:linear-gradient(135deg,#a7e399,#8bc34a);box-shadow:0 4px 15px #a7e3994d}.tab-indicator[data-tab=rules]{background:linear-gradient(135deg,#4a90e2,#2e5bba);box-shadow:0 4px 15px #4a90e24d}.tab-content{align-items:flex-start;display:flex;justify-content:center;min-height:350px}.game-config-content{color:#fff;max-width:600px;padding:20px;text-align:center}.game-config-content h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px;text-align:center}.game-config-content h2.classic-mode{font-family:Times New Roman,Georgia,"serif";font-style:italic;font-weight:400;letter-spacing:2px;text-shadow:2px 2px 4px #0000004d}.game-config-content h2.speed-mode{animation:speedGlow 2s ease-in-out infinite alternate;font-family:Arial Black,Helvetica,"sans-serif";font-weight:900;letter-spacing:4px;text-shadow:0 0 10px #8df0cc80;text-transform:uppercase}@keyframes speedGlow{0%{text-shadow:0 0 10px #8df0cc80}to{text-shadow:0 0 20px #8df0cccc,0 0 30px #8df0cc4d}}.rules-section h3.classic-mode{font-family:Times New Roman,Georgia,"serif";font-size:2rem;font-style:italic;font-weight:400;letter-spacing:1px;text-shadow:1px 1px 2px #0000004d}.rules-section h3.speed-mode{animation:speedGlow 2s ease-in-out infinite alternate;font-family:Arial Black,Helvetica,"sans-serif";font-size:2rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 8px #8df0cc66;text-transform:uppercase}.game-config-content p{font-size:1.1rem;line-height:1.5;margin-bottom:30px;opacity:.9;text-align:center}.game-start-section{display:flex;justify-content:center;margin-top:15px;padding-top:10px}.start-game-button{background:linear-gradient(135deg,#48b3af,#3a9b97);border:none;border-radius:12px;box-shadow:0 4px 15px #48b3af4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;min-width:288px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.start-game-button:hover{background:linear-gradient(135deg,#3a9b97,#2a7b77);box-shadow:0 6px 20px #48b3af66;transform:translateY(-3px)}.start-game-button.speed-button{background:linear-gradient(135deg,#a7e399,#8bc34a);box-shadow:0 4px 15px #a7e3994d}.start-game-button.speed-button:hover{background:linear-gradient(135deg,#8bc34a,#689f38);box-shadow:0 6px 20px #a7e39966}.setting-tabs-container{margin-top:10px}.setting-tabs-header{background-color:#ffffff0d;border-radius:8px;display:flex;gap:0;justify-content:center;overflow:hidden;padding:3px;position:relative}.setting-tab-button{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;overflow:hidden;padding:10px 15px;position:relative;text-align:center;transition:all .3s ease;z-index:2}.setting-tab-button:hover{background-color:#ffffff0d;color:#ffffffe6}.setting-tab-button.active{color:#fff;font-weight:600}.setting-tab-indicator{background:linear-gradient(135deg,#48b3af,#3a9b97);border-radius:6px;bottom:3px;box-shadow:0 2px 8px #48b3af4d;left:3px;pointer-events:none;position:absolute;right:3px;top:3px;z-index:-1}.setting-tab-indicator[data-mode=speed]{background:linear-gradient(135deg,#a7e399,#8bc34a);box-shadow:0 2px 8px #a7e3994d}.setting-tab-indicator[data-mode=classic]{background:linear-gradient(135deg,#48b3af,#3a9b97);box-shadow:0 2px 8px #48b3af4d}.rules-content{box-sizing:border-box;color:#fff;padding:20px;text-align:left}.accordion,.rules-content{margin:0 auto;max-width:600px;width:100%}.accordion{display:flex;flex-direction:column;gap:10px}.accordion-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;width:100%}.accordion-header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;padding:20px;transition:all .3s ease;width:100%}.accordion-header:hover{background-color:#ffffff0d}.accordion-icon{font-size:.8rem;transition:transform .3s ease}.accordion-content{background-color:#ffffff05;box-sizing:border-box;overflow:hidden;width:100%}.accordion-content .rules-section{word-wrap:break-word;background:#0000;border:none;border-radius:0;box-sizing:border-box;margin:0;padding:15px 20px;width:100%}.accordion-content .rules-section:first-child{padding-top:0}.accordion-content .rules-section:last-child{padding-bottom:15px}.smart-settings-container{margin:20px auto 10px;max-width:288px;width:100%}.smart-settings-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;padding:15px 20px;position:relative;transition:all .3s ease;width:100%}.smart-settings-display:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.settings-summary{color:#fff;font-size:1.1rem;font-weight:600}.settings-expand-icon{color:#fffc;font-size:.8rem;position:absolute;right:20px;transition:transform .3s ease}.smart-settings-content{background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:0 0 12px 12px;border-top:none;box-sizing:border-box;overflow:hidden;width:100%}.smart-settings-content .setting-group{background:#0000;border:none;border-radius:0;margin:0;padding:15px 20px}.smart-settings-content .setting-group:first-child{padding-top:15px}.smart-settings-content .setting-group:last-child{padding-bottom:15px}.rules-content h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.rules-content h3{color:#fff;font-size:1.3rem;font-weight:700;margin:15px 0 10px}.rules-content p{font-size:1.1rem;line-height:1.6;margin:10px 0}.rules-content ul{margin:15px 0;padding-left:20px}.rules-content li{font-size:1.1rem;line-height:1.5;margin:8px 0}.rules-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:15px;padding:15px 20px}.color-examples{flex-direction:column;margin:15px 0}.color-example,.color-examples{box-sizing:border-box;display:flex;gap:15px;width:100%}.color-example{align-items:center;background-color:#ffffff0d;border-radius:8px;padding:10px}.tile{align-items:center;border:2px solid #3a3a3c;border-radius:4px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.tile.green{background-color:#538d4e;border-color:#538d4e}.tile.yellow{background-color:#b59f3b;border-color:#b59f3b}.tile.gray{background-color:#3a3a3c;border-color:#3a3a3c}@media (max-width:768px){.tabs-container{margin:0 5px;padding:10px}.tabs-header{margin-bottom:15px;padding:3px}.tab-button{font-size:.9rem;min-width:auto;padding:10px 15px}.tab-button[data-tab=classic]{letter-spacing:.5px}.tab-button[data-tab=speed]{letter-spacing:1px}.tab-indicator{bottom:3px;left:3px;pointer-events:none;right:3px;top:3px;z-index:-1}.tab-content{min-height:280px}.game-config-content{padding:10px}.game-config-content h2{font-size:1.4rem;margin-bottom:10px}.game-config-content h2.classic-mode{font-size:1.3rem;letter-spacing:1px}.game-config-content h2.speed-mode{font-size:1.2rem;letter-spacing:2px}.game-config-content p{font-size:1rem;margin-bottom:20px}.setting-group{margin-bottom:12px}.setting-group h3{font-size:1.1rem;margin:15px 0 10px}.start-game-button{font-size:1rem;min-width:230px;padding:10px 20px}.setting-tab-button{font-size:.75rem;min-width:60px;padding:6px 10px}.rules-content{padding:10px}.rules-content h2{font-size:1.4rem;margin-bottom:20px}.rules-content h3{font-size:1.1rem;margin:10px 0 8px}.rules-section h3.classic-mode{letter-spacing:.5px}.rules-section h3.speed-mode{letter-spacing:1px}.rules-content li,.rules-content p{font-size:1rem}.rules-section{margin-bottom:10px;padding:12px 15px}.accordion-header{font-size:1.1rem;padding:15px}.accordion-content .rules-section{padding:12px 15px}.accordion-content .rules-section:first-child{padding-top:0}.accordion-content .rules-section:last-child{padding-bottom:15px}.smart-settings-container{max-width:230px}.smart-settings-display{font-size:1rem;padding:12px 15px}.settings-expand-icon{right:15px}.settings-summary{font-size:1rem}.smart-settings-content .setting-group{padding:12px 15px}.smart-settings-content .setting-group:first-child{padding-top:12px}.smart-settings-content .setting-group:last-child{padding-bottom:12px}.color-examples{gap:8px}.color-example{flex-direction:column;gap:6px;padding:8px;text-align:center}.tile{font-size:1rem;height:35px;width:35px}}@media (max-width:480px){.App-header{padding:1px 0 0}.App-title{letter-spacing:2px;margin-bottom:0;padding:60px 0 0}.tabs-container{margin:0 2px;padding:8px}.tab-button{font-size:.8rem;padding:8px 12px}.tab-button[data-tab=classic]{letter-spacing:.3px}.tab-button[data-tab=speed]{letter-spacing:.5px}.tab-content{min-height:250px}.game-config-content h2{font-size:1.2rem}.game-config-content h2.classic-mode{font-size:1.1rem;letter-spacing:.5px}.game-config-content h2.speed-mode{font-size:1rem;letter-spacing:1px}.setting-tab-button{font-size:.7rem;min-width:50px;padding:5px 8px}.start-game-button{font-size:.9rem;min-width:202px;padding:8px 16px}.rules-content h2{font-size:1.2rem}.rules-section h3.classic-mode{letter-spacing:.3px}.rules-section h3.speed-mode{letter-spacing:.5px}.rules-section{padding:8px 10px}.accordion-header{font-size:1rem;padding:12px}.accordion-content .rules-section{padding:8px 12px}.accordion-content .rules-section:first-child{padding-top:0}.accordion-content .rules-section:last-child{padding-bottom:12px}.smart-settings-container{max-width:202px}.smart-settings-display{font-size:.9rem;padding:10px 12px}.settings-expand-icon{right:12px}.settings-summary{font-size:.9rem}.smart-settings-content .setting-group{padding:8px 12px}.smart-settings-content .setting-group:first-child{padding-top:8px}.smart-settings-content .setting-group:last-child{padding-bottom:8px}}
/*# sourceMappingURL=main.0b21e116.css.map*/