@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.prize-wheel-container{flex-direction:column;padding:20px}.prize-wheel-container,.wheel-wrapper{align-items:center;display:flex;justify-content:center}.wheel-wrapper{animation:wheelBounce .8s ease-out;height:420px;position:relative;width:420px}@keyframes wheelBounce{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.wheel-pointer{border-left:12px solid #0000;border-right:12px solid #0000;border-top:20px solid gold;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3));height:0;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:0;z-index:10}.prize-wheel-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.wheel-group{transform-origin:50% 50%;will-change:transform}.wheel-text{font-family:Arial,sans-serif;letter-spacing:.5px;pointer-events:none;text-shadow:1px 1px 2px #00000080}.center-text{text-shadow:1px 1px 1px #0000004d}.wheel-info{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:none;padding:20px 40px;text-align:center}.wheel-info p{color:#333;font-size:16px;font-weight:600;margin:0}.wheel-info.spinning-text{animation:pulse 1s ease-in-out infinite}.wheel-status{color:#28a745}@media (max-width:600px){.prize-wheel-svg,.wheel-wrapper{height:280px;width:280px}.wheel-pointer{border-left-width:10px;border-right-width:10px;border-top-width:15px}.wheel-text{font-size:11px}}@media (max-width:400px){.prize-wheel-container{padding:10px}.prize-wheel-svg,.wheel-wrapper{height:240px;width:240px}.wheel-pointer{border-left-width:8px;border-right-width:8px;border-top-width:12px;top:-10px}.wheel-text{font-size:10px}}:root{--color-white:#fff;--color-black:#000;--color-bg-light:#f5f5f5;--color-text:#333;--color-text-light:#666;--color-border:#e0e0e0;--color-success:#10b981;--color-primary:#3b82f6;--color-warning:#f59e0b;--color-danger:#ef4444;--color-success-light:#dcfce7;--color-primary-light:#dbeafe;--color-warning-light:#fef3c7;--color-danger-light:#fee2e2}*{font-family:Nunito Sans,sans-serif}.mini-game{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.mini-game,.mini-game:before{background:#fff;background:var(--color-white)}.mini-game:before{background-image:radial-gradient(circle at top right,#38c1b626,#0000 70%);background-repeat:no-repeat;content:"";filter:blur(80px);inset:0;pointer-events:none;position:absolute;z-index:0}.game-container{animation:slideUp .5s ease-out;background:#fff;background:var(--color-white);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000012;max-width:600px;padding:40px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-container.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:3px solid #f5f5f5;border-top:3px solid #3b82f6;border:3px solid var(--color-bg-light);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-container.loading p{color:#666;color:var(--color-text-light);font-size:16px;font-weight:500;margin:0}.question-container{animation:slideUp .5s ease-out}.difficulty{border-radius:6px;display:inline-block;font-size:14px;font-weight:600;margin:0 auto 24px;padding:8px 16px;text-align:center;width:100%}.difficulty.easy{background:#dcfce7;background:var(--color-success-light);color:#10b981;color:var(--color-success)}.difficulty.medium{background:#fef3c7;background:var(--color-warning-light);color:#d97706}.difficulty.hard{background:#fee2e2;background:var(--color-danger-light);color:#ef4444;color:var(--color-danger)}.question-image-wrapper{border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;overflow:hidden;width:100%}.question-image{background:#f5f5f5;background:var(--color-bg-light);display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.question-text{margin-bottom:24px;text-align:center}.question-text p{color:#333;color:var(--color-text);font-size:18px;font-weight:500;line-height:1.6;margin:0}.answer-section{display:flex;gap:10px;margin-bottom:20px}.answer-input{background:#fff;background:var(--color-white);border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:6px;color:#333;color:var(--color-text);flex:1 1;font-family:Nunito Sans,sans-serif;font-size:16px;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease}.answer-input::placeholder{color:#666;color:var(--color-text-light)}.answer-input:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.answer-input:disabled{background-color:#f5f5f5;background-color:var(--color-bg-light);color:#666;color:var(--color-text-light);cursor:not-allowed}.submit-btn{background:#3b82f6;background:var(--color-primary);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:600;padding:12px 28px;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.submit-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee2e2;background:var(--color-danger-light);border:1px solid #ef4444;border:1px solid var(--color-danger);border-radius:6px;color:#ef4444;color:var(--color-danger);font-size:14px;font-weight:500;margin-bottom:15px;padding:12px 16px;text-align:center}.hint{color:#666;color:var(--color-text-light);font-size:13px;margin-top:16px;text-align:center}.game-container.wrong-answer{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px;text-align:center}.wrong-icon{animation:bounce .8s ease-in-out;font-size:64px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.wrong-answer p{color:#ef4444;color:var(--color-danger);font-size:16px;font-weight:500;margin:0}.wheel-fullscreen{min-height:100vh;padding:20px;position:relative;z-index:1}.wheel-fullscreen,.wheel-spinning-wrapper{align-items:center;background:#fff;background:var(--color-white);display:flex;justify-content:center;width:100%}.wheel-spinning-wrapper{border:1px solid #e0e0e0;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px #00000012;flex-direction:column;gap:24px;max-width:600px;padding:40px}.wheel-spinning-wrapper svg{height:auto;max-height:400px;max-width:400px;object-fit:contain;width:100%}.wheel-prize-name{align-items:center;animation:fadeIn .5s ease-in-out forwards;color:#333;color:var(--color-text);display:flex;font-size:20px;font-weight:600;justify-content:center;line-height:1.4;min-height:60px;padding:0 20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:500px;position:relative;text-align:center}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti-element{animation:fall 3s ease-in forwards;font-size:28px;opacity:.8;position:absolute}.confetti-element:first-child{animation-delay:0s;left:10%}.confetti-element:nth-child(2){animation-delay:.2s;left:30%}.confetti-element:nth-child(3){animation-delay:.4s;left:50%}.confetti-element:nth-child(4){animation-delay:.6s;left:70%}.confetti-element:nth-child(5){animation-delay:.8s;left:90%}@keyframes fall{0%{opacity:1;top:-50px;transform:rotate(0deg)}to{opacity:0;top:100%;transform:rotate(1turn)}}.result-content{position:relative;z-index:1}.result-content h2{color:#333;color:var(--color-text);font-size:28px;font-weight:700;margin:0 0 24px}.prize-badge{align-items:center;animation:pulse 1.5s ease-in-out infinite;border:3px solid #e0e0e0;border:3px solid var(--color-border);border-radius:50%;display:flex;font-size:48px;height:100px;justify-content:center;margin:0 auto 20px;width:100px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.rarity-badge{display:none}.prize-name{color:#333;color:var(--color-text);font-size:22px;font-weight:600;margin:0 0 12px}.prize-description{color:#666;color:var(--color-text-light);font-size:14px;line-height:1.6;margin:0 0 24px}.end-game-btn{background:#3b82f6;background:var(--color-primary);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:600;padding:12px 32px;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.end-game-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.game-container.end-screen{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.game-container.end-screen h2{color:#333;color:var(--color-text);font-size:24px;font-weight:700;margin:0}.game-container.end-screen p{color:#666;color:var(--color-text-light);font-size:16px;margin:0}.restart-btn{background:#3b82f6;background:var(--color-primary);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:16px;font-weight:600;margin-top:16px;padding:12px 32px;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}.restart-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.game-container.error{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px;text-align:center}.game-container.error h2{color:#ef4444;color:var(--color-danger);font-size:24px;font-weight:700;margin:0}.game-container.error p{color:#666;color:var(--color-text-light);font-size:16px;margin:0}@media (max-width:600px){.game-container{padding:24px}.question-text p{font-size:16px}.prize-name{font-size:20px}.answer-section{flex-direction:column}.submit-btn{width:100%}.result-content h2{font-size:24px}.prize-badge{font-size:40px;height:80px;width:80px}}*,.App{margin:0;padding:0}*{box-sizing:border-box}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}
/*# sourceMappingURL=main.472c1461.css.map*/