:root{--primary: #6B2D5C;--secondary: #F4A261;--accent: #2A9D8F;--dark: #1A1A2E;--light: #F8F5F2;--gold: #E9C46A}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,sans-serif;background:linear-gradient(135deg,var(--dark) 0%,#16213E 50%,var(--primary) 100%);min-height:100vh;overflow-x:hidden;color:var(--light)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-animation:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(ellipse at 20% 80%,rgba(244,162,97,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(42,157,143,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(107,45,92,.15) 0%,transparent 60%);animation:bgMove 20s ease-in-out infinite}@keyframes bgMove{0%,to{transform:translate(-10%,-10%) rotate(0)}50%{transform:translate(10%,10%) rotate(180deg)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:.4;animation:float 15s infinite}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.side-panel{position:fixed;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:15px}.left-panel{left:20px}.right-panel{right:20px}.header{text-align:center;padding:15px 20px 5px;position:relative;z-index:10}.logo{font-family:Cairo,sans-serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--gold),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(233,196,106,.3);margin-bottom:5px;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(233,196,106,.3))}50%{filter:drop-shadow(0 0 40px rgba(233,196,106,.6))}}.subtitle{font-size:1rem;color:#ffffffb3;font-weight:500;margin-top:0}.mobile-controls{display:none;flex-direction:column;align-items:center;gap:15px;margin-top:10px}.credit{font-size:.85rem;color:var(--gold);font-weight:400;margin-top:5px;opacity:.8}.credit-footer{text-align:center;font-size:.85rem;color:var(--gold);font-weight:500;margin-top:15px;opacity:.7;transition:opacity .3s ease}.credit-footer:hover{opacity:1}.progress-counter{display:flex;flex-direction:column;gap:10px}.counter-item{background:#ffffff1a;padding:8px 20px;border-radius:25px;font-size:.95rem;border:1px solid rgba(233,196,106,.3)}.counter-item span{color:var(--gold);font-weight:700}.mode-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.mode-toggle{display:flex;background:#0000004d;border-radius:30px;padding:4px;border:1px solid rgba(233,196,106,.3)}.mode-btn{background:transparent;border:none;color:#fff9;padding:8px 20px;border-radius:25px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.mode-btn:hover{color:#fff}.mode-btn.active{background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;box-shadow:0 4px 15px #2a9d8f66}.mode-btn[data-mode=evaluation].active{background:linear-gradient(135deg,var(--secondary),#E76F51);box-shadow:0 4px 15px #f4a26166}.lesson-selector{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.lesson-selector select{background:#0006;border:2px solid var(--secondary);color:#fff;padding:8px 20px;border-radius:20px;font-family:Tajawal,sans-serif;font-size:.9rem;cursor:pointer;outline:none;min-width:150px}.lesson-selector select:focus{border-color:var(--gold)}.lesson-selector select option{background:var(--dark);color:#fff}.main-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px;position:relative;z-index:10}.wheel-container{position:relative;width:min(520px,85vw);height:min(520px,85vw)}.wheel-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:105%;height:105%;border-radius:50%;background:radial-gradient(circle,rgba(233,196,106,.2) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}#wheelCanvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 8px var(--gold),0 0 0 12px #e9c46a4d,0 0 60px #e9c46a66,inset 0 0 80px #0000004d}.pointer{position:absolute;top:50%;right:-10px;transform:translateY(-50%);z-index:100;filter:drop-shadow(-3px 0 8px rgba(0,0,0,.5));transition:transform .1s ease}.pointer svg{width:55px;height:65px}.pointer.bounce{animation:pointerBounce .12s ease-out}@keyframes pointerBounce{0%{transform:translateY(-50%) rotate(0)}30%{transform:translateY(-50%) rotate(-12deg)}60%{transform:translateY(-50%) rotate(5deg)}to{transform:translateY(-50%) rotate(0)}}.center-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:linear-gradient(145deg,#1a1a2e,#0f0f1a);border-radius:50%;border:4px solid var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #e9c46a80,inset 0 0 20px #00000080;z-index:50;cursor:pointer;transition:transform .3s ease}.center-circle:hover{transform:translate(-50%,-50%) scale(1.05)}.center-circle-inner{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border:2px solid rgba(233,196,106,.5);transition:all .3s ease}.center-circle-inner.finished{background:linear-gradient(135deg,#2a9d8f,#264653);font-size:1rem;border-color:#2a9d8f}.spin-btn{padding:18px 55px;font-size:1.4rem;font-weight:800;font-family:Cairo,sans-serif;background:linear-gradient(135deg,var(--secondary),var(--gold));color:var(--dark);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #f4a26166;position:relative;overflow:hidden}.spin-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.spin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 15px 50px #f4a26199}.spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spin-btn.finished{background:linear-gradient(135deg,var(--accent),#1d7a70);color:#fff}.reset-btn{padding:12px 30px;font-size:1rem;font-weight:600;font-family:Tajawal,sans-serif;background:transparent;color:var(--gold);border:2px solid var(--gold);border-radius:30px;cursor:pointer;transition:all .3s ease;margin-top:10px}.reset-btn:hover{background:var(--gold);color:var(--dark)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.active{display:flex;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(145deg,var(--dark),#0F0F23);border-radius:20px;padding:25px;max-width:500px;width:95%;max-height:85vh;overflow-y:auto;border:2px solid var(--gold);box-shadow:0 0 80px #e9c46a33;position:relative;animation:modalSlide .5s ease}@keyframes modalSlide{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--light);font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .3s}.modal-close:hover{opacity:1}.winner-name{font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:900;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,var(--gold),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.winner-info{text-align:center;color:#ffffffb3;font-size:.85rem;margin-bottom:10px;line-height:1.6}.winner-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--primary));padding:4px 10px;border-radius:15px;font-size:.75rem;margin:3px}.questions-section{background:#ffffff0d;border-radius:15px;padding:15px;margin-top:10px}.questions-title{font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.random-questions-btn{background:#e9c46a33;border:1px solid var(--gold);color:var(--gold);width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.random-questions-btn:hover{background:var(--gold);color:var(--dark);transform:rotate(180deg) scale(1.1)}.questions-refresh{animation:questionsRefresh .5s ease}@keyframes questionsRefresh{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.evaluation-section{background:#f4a2611a;border:1px solid rgba(244,162,97,.3)}.evaluation-section .questions-title{color:var(--secondary)}.evaluation-item{border-right-color:var(--secondary)}.question-item{background:#ffffff08;border-right:3px solid var(--accent);padding:10px 12px;margin-bottom:8px;border-radius:0 10px 10px 0;transition:all .3s ease}.question-item:hover{background:#ffffff14;transform:translate(-3px)}.question-number{display:inline-block;width:22px;height:22px;background:var(--accent);color:#fff;border-radius:50%;text-align:center;line-height:22px;font-weight:700;font-size:.75rem;margin-left:8px}.question-text{color:var(--light);font-size:.9rem;line-height:1.5}.timer-section{background:#0000004d;border-radius:10px;padding:8px 12px;margin:10px 0;display:flex;align-items:center;justify-content:center;gap:15px}.timer-display{font-family:Cairo,monospace;font-size:1.8rem;font-weight:900;color:var(--gold);text-shadow:0 0 10px rgba(233,196,106,.5);transition:all .3s ease;min-width:70px}.timer-display.timer-warning{color:#e63946;animation:pulse .5s ease infinite;text-shadow:0 0 10px rgba(230,57,70,.7)}.timer-display.timer-ended{color:#e63946;animation:shake .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.timer-controls{display:flex;gap:5px}.timer-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:5px 10px;border-radius:15px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.75rem;transition:all .3s ease}.timer-btn:hover{background:var(--accent);border-color:var(--accent)}.timer-btn.thank-btn{background:#e9c46a33;border-color:var(--gold)}.timer-btn.thank-btn:hover{background:var(--gold);color:var(--dark)}.thank-message{background:linear-gradient(135deg,#2a9d8f33,#e9c46a33);border:2px solid var(--gold);border-radius:15px;padding:15px 20px;margin:10px 0;text-align:center}.thank-message.thank-animate{animation:thankPop .6s ease}@keyframes thankPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.thank-icon{font-size:2.5rem;margin-bottom:5px;animation:bounce 1s ease infinite}.thank-text{font-family:Cairo,sans-serif;font-size:1.3rem;font-weight:700;color:var(--light)}.thank-name{color:var(--gold);font-weight:900}.thank-subtext{font-size:.95rem;color:#fffc;margin-top:3px}.completion-content{text-align:center;padding:20px}.completion-icon{font-size:5rem;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completion-title{font-family:Cairo,sans-serif;font-size:2rem;font-weight:900;color:var(--gold);margin-bottom:15px}.completion-message{font-size:1.2rem;color:#fffc;margin-bottom:25px;line-height:1.8}.confetti{position:fixed;width:10px;height:10px;pointer-events:none;z-index:2000;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.participants-toggle{position:fixed;bottom:20px;right:80px;background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:30px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.95rem;z-index:100;transition:all .3s ease;display:flex;align-items:center;gap:8px}.participants-toggle:hover{background:var(--secondary);color:var(--dark)}.sound-toggle{position:fixed;bottom:20px;right:20px;background:var(--primary);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.3rem;z-index:100;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sound-toggle:hover{background:var(--secondary);transform:scale(1.1)}.sound-toggle.muted{background:#fff3}.fullscreen-toggle{position:fixed;bottom:80px;right:20px;background:var(--accent);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;z-index:100;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fullscreen-toggle:hover{background:var(--gold);color:var(--dark);transform:scale(1.1)}body.fullscreen-mode .header,body.fullscreen-mode .data-input-container,body.fullscreen-mode .participants-toggle,body.fullscreen-mode .sound-toggle,body.fullscreen-mode .help-panel,body.fullscreen-mode .participants-panel,body.fullscreen-mode .side-panel{opacity:0;pointer-events:none;transition:opacity .3s ease}body.fullscreen-mode:hover .header,body.fullscreen-mode:hover .data-input-container,body.fullscreen-mode:hover .participants-toggle,body.fullscreen-mode:hover .sound-toggle,body.fullscreen-mode:hover .side-panel{opacity:1;pointer-events:auto}body.fullscreen-mode .fullscreen-toggle{opacity:.5}body.fullscreen-mode:hover .fullscreen-toggle{opacity:1}body.fullscreen-mode .wheel-container{width:min(85vh,85vw);height:min(85vh,85vw)}body.fullscreen-mode .main-container{justify-content:center;min-height:100vh;padding:0}.participants-panel{position:fixed;bottom:75px;right:80px;background:var(--dark);border:2px solid var(--gold);border-radius:20px;padding:20px;max-height:350px;width:320px;overflow-y:auto;display:none;z-index:100}.participants-panel.active{display:block;animation:slideUp .3s ease}.participants-panel h3{color:var(--gold);margin:0;font-size:1.1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(233,196,106,.3);padding-bottom:10px;margin-bottom:15px}.shuffle-btn{background:var(--accent);border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .3s ease}.shuffle-btn:hover{background:var(--secondary);transform:rotate(180deg)}.participant-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;margin-bottom:8px;background:#ffffff0d;transition:all .3s ease}.participant-item:hover{background:#ffffff1a}.participant-item.selected{opacity:.6;background:#2a9d8f33}.participant-item.skipped{opacity:.5;background:#f4a26133;text-decoration:line-through}.participant-actions{display:flex;gap:5px}.action-btn{background:#ffffff1a;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#fff3;transform:scale(1.1)}.return-btn:hover{background:var(--accent)}.skip-btn:hover{background:var(--secondary)}.unskip-btn:hover{background:var(--accent)}.participant-status.skipped{background:var(--secondary)}.help-toggle{width:45px;height:45px;background:var(--accent);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-toggle:hover{background:var(--secondary);color:var(--dark);transform:scale(1.1)}.help-panel{position:fixed;bottom:75px;left:20px;background:var(--dark);border:2px solid var(--gold);border-radius:20px;padding:20px;max-height:450px;width:350px;overflow-y:auto;display:none;z-index:100}.help-panel.active{display:block;animation:slideUp .3s ease}.help-panel h3{color:var(--gold);margin-bottom:15px;font-size:1.2rem;border-bottom:1px solid rgba(233,196,106,.3);padding-bottom:10px;text-align:center}.help-section{margin-bottom:15px}.help-section h4{color:var(--secondary);font-size:1rem;margin-bottom:8px}.help-section ul{list-style:none;padding:0;margin:0}.help-section li{color:#fffc;font-size:.9rem;padding:5px 15px 5px 0;position:relative}.help-section li:before{content:"•";color:var(--gold);position:absolute;right:0}.help-section li strong{color:var(--gold)}.participant-item{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:8px;margin:2px 0;transition:all .2s ease}.participant-item:hover{background:#e9c46a26;transform:translate(-3px)}.participant-item:last-child{border-bottom:none}.participant-item.selected{opacity:.6}.participant-item.selected .participant-info strong{text-decoration:line-through}.participant-info{flex:1}.participant-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.participant-status.pending{background:var(--accent);box-shadow:0 0 8px var(--accent)}.participant-status.done{background:#2a9d8f;box-shadow:0 0 8px #2a9d8f}.selected-badge{background:#2a9d8f!important;color:#fff!important}.pending-badge{background:var(--accent)!important;color:#fff!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(233,196,106,.3);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--gold);font-size:1.2rem}.error-message{background:#e6394633;border:1px solid #E63946;padding:20px;border-radius:15px;text-align:center;color:#e63946;margin:20px}.data-input-container{position:fixed;bottom:20px;left:20px;z-index:100;display:flex;align-items:flex-end;gap:10px}.data-toggle-btn{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:30px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.data-toggle-btn:hover{background:var(--secondary);color:var(--dark)}.data-input-box{display:none;flex-direction:column;gap:10px;background:#000c;padding:15px;border-radius:15px;border:2px solid rgba(233,196,106,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease}.data-input-box.active{display:flex}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.input-option form{display:flex;gap:8px;align-items:center}.input-option input[type=text]{width:250px;padding:10px 15px;border-radius:25px;border:2px solid rgba(233,196,106,.5);background:#0006;color:var(--light);font-family:Tajawal,sans-serif;font-size:.9rem}.input-option input[type=text]:focus{outline:none;border-color:var(--gold)}.input-option input[type=text]::placeholder{color:#ffffff80}.input-option button,.input-option .file-upload-btn{background:var(--gold);color:var(--dark);border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-family:Cairo,sans-serif;font-weight:700;font-size:.9rem;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.input-option button:hover,.input-option .file-upload-btn:hover{transform:scale(1.05);background:var(--secondary)}.file-option{display:flex;gap:8px;align-items:center;justify-content:center}.template-download-btn{background:#2a9d8fcc;color:#fff;text-decoration:none;padding:10px 15px;border-radius:25px;font-family:Cairo,sans-serif;font-weight:700;font-size:.85rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.template-download-btn:hover{background:#2a9d8f;transform:scale(1.05)}.input-divider{text-align:center;color:#ffffff80;font-size:.85rem;position:relative}.input-divider:before,.input-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#fff3}.input-divider:before{right:0}.input-divider:after{left:0}.file-upload-btn{width:100%;justify-content:center}@media(max-width:900px){.side-panel{display:none!important}.mobile-controls{display:flex}.mobile-controls .progress-counter{flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:center}.mobile-controls .mode-selector{flex-direction:row;flex-wrap:wrap}}@media(max-width:600px){.header{padding:10px}.logo{font-size:1.4rem}.subtitle{font-size:.85rem}.credit-footer{font-size:.75rem;margin-top:10px}.modal{padding:15px;max-height:80vh;border-radius:15px}.winner-name{font-size:1.3rem}.winner-info{font-size:.75rem;margin-bottom:8px}.winner-badge{padding:3px 8px;font-size:.7rem;margin:2px}.timer-section{padding:6px 10px;margin:8px 0;gap:10px}.timer-display{font-size:1.4rem;min-width:55px}.timer-btn{padding:4px 8px;font-size:.7rem}.thank-message{padding:10px 15px;margin:8px 0}.thank-icon{font-size:1.8rem;margin-bottom:3px}.thank-text{font-size:1rem}.thank-subtext{font-size:.8rem}.questions-section{padding:12px;margin-top:8px}.questions-title{font-size:.95rem;margin-bottom:10px}.question-item{padding:8px 10px;margin-bottom:6px}.question-number{width:20px;height:20px;line-height:20px;font-size:.7rem}.question-text{font-size:.8rem}.spin-btn{padding:15px 40px;font-size:1.2rem}.sound-toggle{right:10px;bottom:10px;width:40px;height:40px;font-size:1.1rem}.participants-panel{width:280px;right:10px;bottom:110px}.participants-toggle{right:60px;bottom:10px;padding:8px 12px;font-size:.8rem}.fullscreen-toggle{right:10px;bottom:60px;width:40px;height:40px;font-size:1.2rem}.data-input-container{left:10px;bottom:10px;flex-wrap:nowrap;gap:6px}.data-toggle-btn{padding:8px 12px;font-size:.8rem}.help-toggle{width:38px;height:38px;font-size:.95rem}.help-panel{bottom:55px;left:10px;width:calc(100vw - 20px);max-width:300px;max-height:320px;padding:15px}.help-panel h3{font-size:1rem}.help-section h4{font-size:.9rem}.help-section li{font-size:.8rem}.data-input-box{position:fixed;bottom:60px;left:10px;width:calc(100vw - 20px);max-width:320px}.input-option input[type=text]{width:180px}.wheel-container{width:min(380px,90vw);height:min(380px,90vw)}.center-circle{width:70px;height:70px}.center-circle-inner{width:55px;height:55px;font-size:1.4rem}.mode-selector{margin-top:10px;gap:8px}.mode-btn{padding:6px 14px;font-size:.8rem}.lesson-selector select{padding:6px 15px;font-size:.85rem;min-width:130px}}