body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;height:100vh}.container{width:90%;max-width:500px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;position:relative}.question-section{padding:20px;text-align:center;background-color:#ffece6;border-bottom:2px solid #ddd}.answer-section{display:flex;height:150px}.answer-area{flex:1;display:flex;justify-content:center;align-items:center;background-color:#4a9eff;color:#fff;font-size:1.2em;cursor:pointer;transition:background-color .3s ease}.answer-area:first-child{border-right:2px solid #ddd}.answer-area:hover{background-color:#005bb5}.flash-correct{background-color:green!important}.flash-wrong{background-color:red!important}.score-section{padding:10px 20px;text-align:center;background-color:#e6ffe6;border-top:2px solid #ddd}.retry-button{margin-top:10px;padding:10px 20px;font-size:1em;cursor:pointer}.floating-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;font-weight:700;color:#fff;pointer-events:none;animation:floatUp 1s ease-out}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(1.5)}}