.conversation-game{display:flex;flex-direction:column;height:100%;width:100%;border:1px solid #e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:space-between;min-height:400px;max-height:800px;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.sound-toggle-wrapper{position:absolute;top:1rem;right:1rem;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.messages-container{flex:1 1 auto;overflow-y:auto;min-height:200px;max-height:400px;padding:16px;display:flex;flex-direction:column;background-color:#f5f5f5;scroll-behavior:smooth}.messages-container>.message:first-child{margin-top:2rem}.message{max-width:80%;margin-bottom:12px;padding:12px;border-radius:8px;position:relative}.message.assistant{align-self:flex-start;background-color:#e4e4e4;color:#333}.message.user{align-self:flex-end;background-color:#0084ff;color:white}.message-translation{font-size:.85em;margin-top:4px;opacity:.8;font-style:italic}.options-container{padding:16px;background-color:white;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:flex-end;flex:0 0 auto;width:100%;min-height:200px}.response-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.response-options.narrow-options{grid-template-columns:1fr!important}@media (max-width:640px) and (min-device-width:641px){.response-options{grid-template-columns:1fr 1fr}}@media (max-width:640px) and (max-device-width:640px){.response-options{grid-template-columns:1fr}}.option-wrapper{display:flex;flex-direction:column;margin-bottom:8px}.option-button{padding:12px;border:1px solid #ccc;border-radius:8px;background-color:white;cursor:pointer;font-size:14px;text-align:left;transition:all .2s}.option-button:hover:not(:disabled){background-color:#f0f0f0}.option-button:disabled{opacity:.7;cursor:not-allowed}.option-button.correct{background-color:#a3e4a3;border-color:#5cb85c}.option-button.incorrect{background-color:#f8d7da;border-color:#dc3545}.option-translation{font-size:.85em;margin-top:4px;padding:4px 8px;color:#666;font-style:italic;background-color:#f8f8f8;border-radius:4px}.complete-button{width:100%;padding:12px;background-color:#5cb85c;color:white;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}.complete-button:hover{background-color:#4cae4c}.complete-options{display:flex;flex-direction:column;width:100%}.restart-button{width:100%;padding:12px;background-color:#f5f5f5;color:#333;border:1px solid #ccc;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s}.restart-button:hover{background-color:#e0e0e0}