*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{align-items:center;background:#0a2dc7;display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px 30px;text-align:center;width:100%}.title-container{margin-bottom:40px}.logo{height:80px;width:80px}.landing-title{color:#0a2dc7;font-size:2.5rem;font-weight:700;margin:0}.play-button{background:#0a2dc7;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin-bottom:40px;max-width:300px;padding:20px 80px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.play-button:hover{box-shadow:0 10px 30px #0a2dc766;transform:translateY(-3px)}.play-button:active{transform:translateY(-1px)}.rules{border-top:2px solid #f0f0f0;margin-top:30px;padding-top:30px;text-align:left}.rules h2{color:#333;font-size:1.5rem;margin-bottom:30px;text-align:center}.rules-section{background:#f8f9fa;border-left:4px solid #0a2dc7;border-radius:12px;margin-bottom:25px;padding:20px}.rules-section h3{color:#0a2dc7;font-size:1.2rem;font-weight:600;margin-bottom:15px}.rules-section p{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:10px}.rules ul{list-style:none;margin-top:10px;padding:0}.rules li{border-bottom:1px solid #e9ecef;color:#555;font-size:.95rem;line-height:1.6;padding:10px 0}.rules li:last-child{border-bottom:none}@media (max-width:480px){.landing-title{font-size:2rem}.landing-content{padding:30px 20px}.play-button{font-size:1.3rem;padding:18px 60px}.rules li{font-size:.95rem}}.game-container{align-items:center;background:#0a2dc7;display:flex;justify-content:center;min-height:100vh;padding:20px}.game-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:30px;width:100%}.back-home-btn{background:#6c757d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-home-btn:hover{background:#5a6268;transform:translateY(-2px)}.game-title{color:#0a2dc7;font-size:32px;margin:0 0 30px;text-align:center}.title-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:30px;text-align:center}.logo{height:50px;object-fit:contain;width:50px}.color-wheel-section{margin-bottom:30px;text-align:center}.color-wheel-section h2{color:#333;font-size:20px;margin-bottom:15px}.color-wheel{background:conic-gradient(from 0deg,#39cc14 0deg 120deg,#f4b803 120deg 240deg,#df2500 240deg 1turn);border-radius:50%;box-shadow:0 8px 30px #00000026;height:220px;margin:0 auto 20px;position:relative;width:220px}.wheel-segment{display:none}.color-wheel.spinning{animation:spin 2.1s linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(3turn)}}.wheel-center{align-items:center;background:#fff;border:3px solid #f0f0f0;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:flex;height:90px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px;z-index:10}.color-indicator{border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.color-indicator.green{background:#39cc14}.color-indicator.yellow{background:#f4b803;color:#333}.color-indicator.red{background:#df2500}.spin-btn{background:#0a2dc7;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:all .3s ease}.spin-btn:hover:not(:disabled){background:#0824a0;transform:translateY(-2px)}.spin-btn:disabled{background:#ccc;cursor:not-allowed}.random-section{margin-bottom:30px;text-align:center}.random-section h2{color:#333;font-size:20px;margin-bottom:15px}.random-display{align-items:center;background:#fff;border:4px solid #0a2dc7;border-radius:50%;box-shadow:0 5px 20px #0003;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.random-number{color:#0a2dc7;font-size:48px;font-weight:700}.random-btn{background:#df2500;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:all .3s ease}.random-btn:hover{background:#b51e00;transform:translateY(-2px)}.question-input-section{margin-bottom:30px;text-align:center}.question-input-section h2{color:#333;font-size:20px;margin-bottom:15px}.question-form{align-items:center;display:flex;gap:10px;justify-content:center}.question-input{border:2px solid #ddd;border-radius:10px;font-size:16px;padding:10px 15px;text-align:center;width:150px}.question-input:focus{border-color:#0a2dc7;outline:none}.load-btn{background:#39cc14;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:all .3s ease}.load-btn:hover{background:#2da310;transform:translateY(-2px)}.question-display{border:3px solid;border-radius:15px;margin-top:30px;padding:20px}.question-display.green{background:#39cc141a;border-color:#39cc14}.question-display.yellow{background:#f4b8031a;border-color:#f4b803}.question-display.red{background:#df25001a;border-color:#df2500}.question-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.question-num{color:#666;font-size:14px;font-weight:700}.color-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:5px 15px;text-transform:uppercase}.color-badge.green{background:#39cc14}.color-badge.yellow{background:#f4b803;color:#333}.color-badge.red{background:#df2500}.timer{align-items:center;animation:pulse 1s ease-in-out infinite;background:#0a2dc7;border-radius:25px;color:#fff;display:flex;font-size:18px;font-weight:700;gap:5px;padding:8px 18px}.timer-warning{animation:pulse-warning .5s ease-in-out infinite;background:#df2500}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #df2500b3;transform:scale(1)}50%{box-shadow:0 0 10px 5px #df250000;transform:scale(1.1)}}.question-text{color:#333;font-size:20px;line-height:1.5;margin-bottom:20px}.options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:20px}.option-btn{background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;font-size:16px;padding:15px;text-align:left;transition:all .3s ease}.option-btn:hover:not(:disabled){border-color:#0a2dc7;transform:translateX(5px)}.option-btn.selected{background:#0a2dc71a;border-color:#0a2dc7}.option-btn.correct{background:#39cc1433;border-color:#39cc14}.option-btn.incorrect{background:#df250033;border-color:#df2500}.option-btn:disabled{cursor:not-allowed}.submit-answer-btn{background:#0a2dc7;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.submit-answer-btn:hover{background:#0824a0;transform:translateY(-2px)}.feedback-box{border-radius:10px;font-size:16px;font-weight:700;margin-bottom:15px;padding:15px;text-align:center}.feedback-box.correct{background:#39cc1433;border:2px solid #39cc14;color:#2da310}.feedback-box.incorrect{background:#df250033;border:2px solid #df2500;color:#b51e00}.new-question-btn{background:#0a2dc7;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.new-question-btn:hover{background:#0824a0;transform:translateY(-2px)}@media (max-width:600px){.game-content{padding:20px}.game-title{font-size:24px}.color-wheel{height:150px;width:150px}.wheel-center{height:60px;width:60px}.color-indicator{font-size:10px}}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.2b1b22af.css.map*/