.panel{background-color:#f5e6c8;padding:20px;border-radius:10px;width:1000px;display:flex;flex-direction:column;align-items:center}.wide-panel{margin:0 auto}.mode-buttons{display:flex;gap:20px;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}.mode-option{display:flex;flex-direction:column;align-items:center}.mode-button{width:220px;height:56px;font-weight:700;background:none;border:none;cursor:pointer}.mode-button.active{background-color:#c29464;color:#fff;border-radius:5px}.dropdown-container{width:220px;height:56px}.MuiOutlinedInput-root{height:56px;display:flex;align-items:center}.input-container{display:flex;gap:20px;align-items:center;height:56px}.fixed-width-input{width:220px}.input-label{display:block;text-align:center;margin-top:4px;font-size:14px;font-weight:700;color:#6a4c37}.bottom-section{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.slider-section{margin:0 auto;text-align:center;padding-top:20px}.slider{width:100%;display:block}.slider-value{font-size:18px;font-weight:700;color:#5a3921}.slider-note{font-size:14px;font-style:italic;color:#6a4c37;margin-top:5px}.vocalization-toggle{font-size:16px;color:#5a3921;display:flex;justify-content:center;align-items:center;width:280px;margin:0 auto}.vocalization-toggle label{margin-right:10px;width:100px;text-align:center}.MuiSwitch-root{position:relative;margin-left:10px;top:-4px}.start-button-container{margin-top:20px;text-align:center}.start-button{background-color:#3b82f6;color:#fff;font-weight:700;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.start-button:hover{background-color:#2563eb}.session-button{margin-top:20px}.game-session{margin-top:20px;text-align:center}.balloon{position:absolute;width:100px;height:120px;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 50% 40%,#f66,#c00);box-shadow:0 4px 8px #0000004d;transition:transform .3s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-align:center;padding:5px}.balloon:after{content:"";position:absolute;bottom:-10px;left:50%;width:2px;height:30px;background:gray;transform:translate(-50%)}.balloon.popped{transform:scale(0);opacity:0}.balloon-label{pointer-events:none;font-size:.9em}.game-area{position:fixed;top:0!important;left:0!important;width:100vw;height:100vh;overflow:hidden;background-color:#ddf3fb;margin:0;padding:0}.question{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;font-size:1em;font-weight:700;color:#333}.message{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:1.5em;font-weight:700;color:#333}.timer-button{position:absolute;top:8%;left:5%;padding:10px 20px;font-size:1em;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.timer-button:disabled{background-color:#6c757d;cursor:not-allowed}.word-counter p{margin:0}.back-button{position:absolute;top:0;left:0}.game-area{position:relative;width:100vw;height:100vh;overflow:hidden;background:#e0f7fa;font-family:sans-serif}.type-box{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:10px;width:300px;font-size:1.2em}.falling-word{position:absolute;font-size:1.5em;color:#333;transition:top .05s linear}.restart-button{position:absolute;bottom:80px;right:40px;padding:10px 15px;font-size:1em;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.restart-button:hover{background-color:#0056b3}.word-counter{position:absolute;top:8%;right:5%;font-size:1em;text-align:center;color:#fff;padding:10px 20px;background-color:#1800b4;border:none;border-radius:5px;width:200px;box-shadow:0 2px 5px #0000001a}.game-area{background-color:bisque;text-align:center;width:100vw;height:100vh;overflow:hidden;background-color:#ddf3fb}.card{padding:2em}.read-the-docs{color:#888}.score-button{position:absolute;bottom:5%!important;left:5%;padding:10px 20px!important;text-align:center;font-size:1em!important;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.score-button:hover{background-color:#45a049!important}.restart-button{position:absolute;bottom:5%!important;right:5%;padding:10px 20px;font-size:1em;background-color:#4caf50!important;color:#fff;border:none;border-radius:5px;cursor:pointer}.restart-button:hover{background-color:#45a049!important}.results-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:30px;border-radius:10px;text-align:center;z-index:20;width:300px}.results-box h2{font-size:2em}.results-box p{font-size:1.2em}.results-box button{margin-top:20px;padding:5px 10px;color:#fff;border:none;border-radius:1px;cursor:pointer}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100vw;height:100vh;min-width:320px;min-height:100vh}#root{width:100vw;height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}