:root{--bg: #faf8f5;--surface: #ffffff;--surface2: #f5f1ec;--border: #e8e2db;--primary: #E9723A;--primary-h: #d4621f;--accent: #22a85a;--danger: #d63b2f;--text: #1a1a1a;--text-muted: #737373;--card-bg: #ffffff;--card-border: 1px solid #e8e2db;--radius: 12px;--radius-sm: 8px;--glow: 0 0 14px rgba(233,114,58,.22);--glow-green: 0 0 12px rgba(34,168,90,.22);--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-sm);transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:var(--primary-h);box-shadow:var(--glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:default;transform:none}.btn-copied{background:var(--accent)!important;color:#0a1f0a!important}.btn-full{width:100%}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);font-weight:600;padding:10px 24px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-secondary:disabled{opacity:.4;cursor:default}.btn-ghost{background:transparent;color:var(--text-muted);font-size:.82rem;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:color var(--transition),border-color var(--transition),background var(--transition)}.btn-ghost:hover{color:var(--text);border-color:#444;background:var(--surface2)}.btn-start{background:var(--primary);color:#fff;font-weight:800;font-size:1.1rem;padding:16px 32px;border-radius:var(--radius);width:100%;margin-top:20px;box-shadow:var(--glow);transition:transform var(--transition),box-shadow var(--transition)}.btn-start:hover{transform:scale(1.02);box-shadow:0 0 28px #e9723a99}.btn-next{background:var(--surface);color:var(--primary);border:2px solid var(--primary);font-weight:700;font-size:1rem;padding:16px 20px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);text-align:center}.btn-next:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #e9723a40}.reviewing-panel .btn-next{background:var(--primary);color:#fff;border-color:var(--primary);align-self:center;min-width:260px;padding:16px 36px;box-shadow:0 4px 16px #e9723a40}.reviewing-panel .btn-next:hover{background:var(--primary-h);border-color:var(--primary-h);box-shadow:0 6px 20px #e9723a66}.btn-remove{background:#e74c3c1f;color:var(--danger);border:1px solid rgba(231,76,60,.3);padding:4px 10px;border-radius:6px;font-size:.8rem;transition:background var(--transition);flex-shrink:0}.btn-remove:hover{background:#e74c3c40}.input-field{background:var(--bg);border:var(--card-border);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);font-size:1rem;width:100%;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 2px #e9723a33}.input-field::placeholder{color:var(--text-muted)}.textarea-field{background:var(--bg);border:var(--card-border);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);font-size:.95rem;width:100%;resize:vertical;outline:none;transition:border-color var(--transition)}.textarea-field:focus{border-color:var(--primary)}.textarea-field::placeholder{color:var(--text-muted)}.select-field{background:var(--surface);border:var(--card-border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-size:.95rem;outline:none;cursor:pointer}.select-field:focus{border-color:var(--primary)}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.card-title{font-size:.95rem;font-weight:700;margin-bottom:16px;color:var(--text)}.error-msg{color:var(--danger);font-size:.875rem;margin-top:6px}.hint-text{color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.empty-hint{color:var(--text-muted);font-size:.875rem;text-align:center;padding:16px 0}.page-title{font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:4px}.brand-logo{font-size:3rem;text-align:center;margin-bottom:8px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff0e6 0%,var(--bg) 70%);padding:16px}.auth-card{background:var(--surface);border:var(--card-border);border-radius:var(--radius);padding:40px 32px;width:100%;max-width:380px;text-align:center;box-shadow:0 8px 40px #0000001a}.auth-card h1{font-size:1.6rem;font-weight:800;color:var(--primary);margin-bottom:4px}.auth-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:28px}.auth-card form{display:flex;flex-direction:column;gap:12px}.admin-shell{display:flex;min-height:100vh;background:var(--bg)}.admin-nav-sidebar{width:240px;min-width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;transition:width var(--transition),min-width var(--transition);position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-collapsed .admin-nav-sidebar{width:64px;min-width:64px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid var(--border);gap:8px}.sidebar-brand-wrap{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.sidebar-brand-icon{font-size:1.3rem;flex-shrink:0}.sidebar-brand-text{font-size:1rem;font-weight:800;color:var(--primary)}.btn-collapse{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:4px 8px;border-radius:6px;font-size:.85rem;flex-shrink:0;transition:color var(--transition),border-color var(--transition)}.btn-collapse:hover{color:var(--text);border-color:#444}.sidebar-live-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--danger);text-transform:uppercase}.sidebar-stat-row{padding:6px 16px 12px}.sidebar-stat{font-size:.82rem;color:var(--text-muted)}.sidebar-stat strong{color:var(--text)}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:8px;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;color:var(--text-muted);transition:background var(--transition),color var(--transition);cursor:pointer;border:none;background:transparent;text-align:left;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.nav-active{background:#e9723a26;color:var(--primary);font-weight:600}.nav-icon{font-size:1.1rem;flex-shrink:0;line-height:1}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-reset{color:var(--text-muted)}.nav-reset:hover{color:var(--danger);background:#e74c3c1a}.sidebar-foot{padding:8px;border-top:1px solid var(--border)}.admin-content{flex:1;overflow-y:auto;padding:32px;min-height:100vh}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);border-top:1px solid var(--border);z-index:100;align-items:stretch}.bottom-nav-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.65rem;color:var(--text-muted);cursor:pointer;background:transparent;border:none;transition:color var(--transition),background var(--transition)}.bottom-nav-item:hover,.bottom-nav-item.nav-active{color:var(--primary);background:#e9723a14}.bottom-nav-item .nav-icon{font-size:1.2rem}.bottom-nav-label{font-size:.6rem;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block;animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.quiz-ctrl-panel{max-width:900px;margin:0 auto}.phase-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:16px}.phase-center-icon{font-size:4rem}.phase-center h2{font-size:1.8rem;font-weight:800}.lobby-live-count{font-size:2rem;font-weight:800;color:var(--primary)}.quiz-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.points-badge{font-size:.78rem;background:#e9723a26;border:1px solid rgba(233,114,58,.3);color:var(--primary);padding:4px 12px;border-radius:20px;font-weight:700}.question-panel,.reviewing-panel{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.question-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.q-counter{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.answers-badge{font-size:.82rem;background:#2ecc711a;border:1px solid rgba(46,204,113,.3);color:var(--accent);padding:4px 12px;border-radius:20px;font-weight:600}.timer-wrap{display:flex;align-items:center;gap:12px}.timer-track{flex:1;height:10px;background:#00000014;border-radius:5px;overflow:hidden}.timer-fill{height:100%;background:var(--primary);border-radius:5px;transition:width 1s linear,background .3s}.timer-fill.timer-danger{background:var(--danger)}.timer-num{font-size:1.1rem;font-weight:800;color:var(--primary);min-width:40px;text-align:right}.timer-danger-text{color:var(--danger);animation:blink .5s step-end infinite}@keyframes blink{50%{opacity:.3}}.question-text-box{background:var(--surface);border:var(--card-border);border-radius:var(--radius);padding:28px 36px;font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700;line-height:1.45;text-align:center;box-shadow:0 2px 8px #0000000d}.options-grid{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-2-x2{grid-template-columns:1fr 1fr}.option-card{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:var(--radius);font-weight:600;font-size:1.05rem;cursor:pointer;transition:transform var(--transition),filter var(--transition),opacity var(--transition);border:2px solid transparent;-webkit-user-select:none;user-select:none}.option-card:hover:not(:disabled):not(.opt-correct):not(.opt-wrong){transform:scale(1.02);filter:brightness(1.1)}.option-card.selected{border-color:#fff9;transform:scale(1.02)}.option-card:disabled{cursor:default;opacity:.65}.opt-blue{background:#1a6fab}.opt-red{background:#c0392b}.opt-yellow{background:#d68910}.opt-green{background:#1a8a4a}.opt-correct{border-color:#fff!important;box-shadow:0 0 20px #2ecc71b3;filter:brightness(1.2)}.opt-wrong{opacity:.3;filter:grayscale(.6)}.option-letter{width:32px;height:32px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;flex-shrink:0}.option-text{flex:1;line-height:1.3}.correct-banner{background:#2ecc711a;border:1px solid var(--accent);color:var(--accent);padding:14px 20px;border-radius:var(--radius-sm);font-size:1rem;text-align:center;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.locked-banner{background:#f39c121a;border:1px solid #f39c12;color:#f39c12;padding:12px 20px;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700;text-align:center;animation:fadeInUp .3s ease}.locked-mini-banner{background:#f39c1214;border:1px solid rgba(243,156,18,.4);color:#f39c12;padding:8px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-align:center}.btn-reveal{background:linear-gradient(135deg,var(--primary),#f5a633);color:#fff;font-weight:800;font-size:1rem;padding:16px 20px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #e9723a59;transition:transform var(--transition),box-shadow var(--transition);animation:pulseBtn 2s ease-in-out infinite;text-align:center}.btn-reveal:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e9723a8c;animation:none}@keyframes pulseBtn{0%,to{box-shadow:0 4px 12px #e9723a4d}50%{box-shadow:0 4px 24px #e9723aa6}}.admin-question-content{display:flex;flex-direction:column;gap:14px}.question-image-wrap{display:flex;justify-content:center}.question-image{max-width:100%;max-height:300px;border-radius:var(--radius);border:2px solid var(--border);object-fit:contain}.podium-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 24px;background:radial-gradient(ellipse at center,#fff0e6 0%,var(--bg) 70%);gap:32px}.podium-title{font-size:2.2rem;font-weight:900;color:var(--primary);text-shadow:0 0 20px rgba(233,114,58,.4)}.podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%;max-width:700px}.podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;max-width:200px;animation:riseUp .6s ease both}.podium-1st{animation-delay:.1s}.podium-2nd{animation-delay:.3s}.podium-3rd{animation-delay:.5s}@keyframes riseUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.podium-name{font-weight:700;font-size:.95rem;text-align:center;margin-bottom:4px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:.85rem;color:var(--primary);font-weight:600;margin-bottom:8px}.podium-base{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:16px 8px;gap:4px}.podium-1st .podium-base{background:linear-gradient(135deg,#c9a227,#f1c40f);min-height:110px}.podium-2nd .podium-base{background:linear-gradient(135deg,#95a5a6,#bdc3c7);min-height:80px}.podium-3rd .podium-base{background:linear-gradient(135deg,#cd6133,#d35400);min-height:60px}.podium-medal{font-size:2rem}.podium-pos{font-weight:900;font-size:1.1rem;color:#0009}.podium-empty{color:var(--text-muted);padding:20px}.ranking-full{width:100%;max-width:500px}.ranking-full h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:12px}.ranking-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:6px;background:var(--surface);border:1px solid var(--border);font-size:.9rem}.ranking-me{background:#e9723a1a;border-color:#e9723a66}.rank-pos{width:28px;font-weight:800;color:var(--primary);flex-shrink:0}.rank-name{flex:1;font-weight:500}.rank-score{font-weight:700;color:var(--accent)}.player-screen{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,#fff0e6 0%,var(--bg) 60%);max-width:640px;margin:0 auto;width:100%}.center-screen{align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px}.register-card{margin:auto;width:100%;max-width:400px;padding:40px 28px;text-align:center}.register-card h1{font-size:1.8rem;font-weight:900;color:var(--primary);margin-bottom:4px}.register-subtitle{color:var(--text-muted);font-size:.88rem;margin-bottom:28px}.register-form{display:flex;flex-direction:column;gap:12px}.lobby-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;background:radial-gradient(ellipse at top,#fff0e6 0%,var(--bg) 60%);gap:14px}.lobby-icon{font-size:4rem;animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.lobby-greeting{font-size:1.5rem;font-weight:700}.name-highlight{color:var(--primary)}.lobby-subtitle{color:var(--text-muted);font-size:.9rem}.lobby-spinner-wrap{margin:8px 0}.lobby-spinner{width:48px;height:48px;border:3px solid rgba(233,114,58,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lobby-status{font-size:1.1rem;font-weight:600;color:var(--primary)}.lobby-count{font-size:.85rem;color:var(--text-muted)}.starting-icon{font-size:3.5rem;animation:rocketLaunch 1s ease infinite alternate}@keyframes rocketLaunch{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.dots-loader{display:flex;gap:8px;justify-content:center;margin-top:8px}.dots-loader span{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:dotBounce 1.2s ease infinite}.dots-loader span:nth-child(2){animation-delay:.2s}.dots-loader span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.question-screen{padding:16px;gap:14px}.player-header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 8px}.q-counter-sm{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.player-score-sm{font-size:1rem;font-weight:800;color:var(--primary)}.player-timer-wrap{display:flex;align-items:center;gap:12px}.timer-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timer-ring-num{position:absolute;font-size:1.2rem;font-weight:900;color:var(--primary)}.player-timer-bar{flex:1}.player-pts-hint{text-align:center;font-size:.78rem;color:var(--primary);font-weight:600;opacity:.8}.mobile-opts .option-card{padding:14px 16px;font-size:.92rem;gap:10px}.mobile-opts .option-letter{width:28px;height:28px;font-size:.78rem}.feedback-fullscreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;animation:fsFlash .2s ease;color:#fff}.feedback-fs-correct{background:#1d8a50}.feedback-fs-wrong{background:#c0392b}.feedback-fs-icon{font-size:5rem;font-weight:900;line-height:1;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.feedback-fs-correct .feedback-fs-icon,.feedback-fs-wrong .feedback-fs-icon{color:#fff}.feedback-fullscreen h2{font-size:2rem;font-weight:900;color:#fff}.feedback-fs-score{font-size:1.3rem;font-weight:700;color:#ffffffe6}@keyframes fsFlash{0%{opacity:0}to{opacity:1}}.answer-feedback{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;border-radius:var(--radius);border:2px solid;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275)}.feedback-correct{background:#2ecc711a;border-color:var(--accent)}.feedback-wrong{background:#e74c3c1a;border-color:var(--danger)}.feedback-icon{font-size:3.5rem;font-weight:900;line-height:1}.feedback-correct .feedback-icon{color:var(--accent)}.feedback-wrong .feedback-icon{color:var(--danger)}.answer-feedback h2{font-size:1.5rem;font-weight:800}.feedback-score{font-size:1.1rem;color:var(--primary);font-weight:700}.feedback-waiting{color:var(--text-muted);font-size:.85rem}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-screen{padding:24px;gap:24px;align-items:center}.result-top{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.result-emoji{font-size:4rem;animation:popIn .5s ease}.result-top h2{font-size:1.4rem;font-weight:800}.result-position{color:var(--text-muted);font-size:.9rem}.result-score-big{font-size:2rem;font-weight:900;color:var(--primary)}.result-ranking{width:100%;max-width:420px}.result-ranking h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:10px;text-align:center}.player-opts .option-card{opacity:0;transform:translateY(24px);transition:opacity .35s ease,transform .35s ease}.player-opts.opts-visible .option-card{opacity:1;transform:translateY(0)}.player-opts.opts-visible .option-card:nth-child(1){transition-delay:0s}.player-opts.opts-visible .option-card:nth-child(2){transition-delay:.07s}.player-opts.opts-visible .option-card:nth-child(3){transition-delay:.14s}.player-opts.opts-visible .option-card:nth-child(4){transition-delay:.21s}.questions-page{max-width:760px;margin:0 auto}.qp-content{display:flex;flex-direction:column}.question-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.form-row label{font-size:.9rem;color:var(--text-muted);white-space:nowrap;min-width:55px}.mc-options{display:flex;flex-direction:column;gap:8px}.mc-row{display:flex;align-items:center;gap:10px}.mc-radio{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0;cursor:pointer}.mc-input{flex:1}.questions-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.questions-list-header h3{margin-bottom:0}.question-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.question-item:last-child{border-bottom:none}.q-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.q-body{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.q-text{flex:1;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-badge{font-size:.72rem;padding:2px 7px;border-radius:12px;background:#e9723a1f;border:1px solid rgba(233,114,58,.3);color:var(--primary);font-weight:700;flex-shrink:0}.q-thumb{width:40px;height:32px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.sets-list{display:flex;flex-direction:column;gap:2px}.set-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.set-item:last-child{border-bottom:none}.set-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.set-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-meta{font-size:.75rem;color:var(--text-muted)}.set-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.set-btn{font-size:.78rem;padding:5px 10px}.image-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.image-upload-label{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:var(--card-border);color:var(--text-muted);padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;transition:border-color var(--transition),color var(--transition)}.image-upload-label:hover{border-color:var(--primary);color:var(--primary)}.hidden-input{display:none}.image-preview-wrap{position:relative;display:inline-flex}.image-preview{width:72px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.preview-remove{position:absolute;top:-6px;right:-6px;padding:2px 6px;font-size:.7rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:var(--surface);border:var(--card-border);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;animation:popIn .25s ease}.modal-wide{max-width:600px}.modal-card h3{font-size:1.1rem;font-weight:700}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.participants-page{max-width:100%}.participants-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.participants-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-input{max-width:240px}.table-wrapper{overflow-x:auto;border-radius:var(--radius);border:var(--card-border)}.participants-table{width:100%;border-collapse:collapse;font-size:.88rem}.participants-table thead{background:var(--surface2)}.participants-table th{padding:12px 16px;text-align:left;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--text)}.participants-table tbody tr{border-bottom:1px solid var(--border)}.participants-table tbody tr:last-child{border-bottom:none}.tr-even{background:var(--surface)}.tr-odd{background:var(--bg)}.participants-table tbody tr:hover{background:var(--surface2)}.participants-table td{padding:12px 16px}.td-pos{font-weight:700;color:var(--primary);width:50px}.td-name{font-weight:500}.td-cpf{color:var(--text-muted);font-family:monospace;font-size:.82rem}.td-score{font-weight:800;color:var(--primary)}.td-center{text-align:center}.correct-chip{display:inline-flex;align-items:center;gap:4px;background:#2ecc711a;color:var(--accent);padding:2px 8px;border-radius:12px;font-weight:600;font-size:.82rem}.correct-chip small{opacity:.7}.qrcode-page{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:700px;margin:0 auto;width:100%}.qrcode-box{display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);padding:40px;max-width:560px;width:100%}.qrcode-canvas-wrap{border:4px solid var(--primary);border-radius:12px;overflow:hidden;box-shadow:0 0 30px #e9723a4d}.qrcode-canvas{display:block}.qrcode-instruction{font-size:1.1rem;font-weight:600;color:var(--text);text-align:center}.qrcode-url{font-size:.88rem;color:var(--primary);word-break:break-all;text-align:center;opacity:.8}.qrcode-counter{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--text-muted)}.qrcode-counter strong{color:var(--primary);font-size:1.4rem}.qrcode-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.sidebar-rank-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:.85rem}.rank-pos-badge{width:24px;font-size:.75rem;font-weight:700;color:var(--primary);flex-shrink:0}.rank-name-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.rank-score-text{font-weight:700;color:var(--accent);font-size:.83rem}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.splash-fade{opacity:0;pointer-events:none}.splash-admin{background:#fff8f3}.splash-player{background:linear-gradient(160deg,#fff8f3,#fef0e4)}.splash-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:32px}.splash-leaf-anim{animation:leafGrow .8s cubic-bezier(.175,.885,.32,1.275) both;filter:drop-shadow(0 0 20px rgba(233,114,58,.6))}@keyframes leafGrow{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.splash-title-admin{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;color:var(--primary);letter-spacing:.08em;text-shadow:0 0 30px rgba(233,114,58,.5);min-height:1.2em}.splash-title-player{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:var(--primary);letter-spacing:.06em;text-shadow:0 0 24px rgba(233,114,58,.5)}.cursor-blink{animation:blink .7s step-end infinite;color:var(--primary)}.splash-sub{font-size:1rem;color:#00000073;font-weight:500}.splash-sub-lg{font-size:1.1rem}.splash-preparing{font-size:.9rem;color:var(--primary);font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.splash-progress-wrap{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e9723a33}.splash-progress-bar{height:100%;background:var(--primary);box-shadow:0 0 8px #e9723a99;transition:width .1s linear}@media (max-width: 900px){.admin-nav-sidebar{display:none}.bottom-nav{display:flex}.admin-content{padding:16px 16px 80px}.admin-shell{flex-direction:column}}@media (max-width: 600px){.options-grid.grid-4{grid-template-columns:1fr 1fr}.question-text-box{font-size:1.25rem;padding:20px 18px}.auth-card,.register-card{padding:28px 20px}.qrcode-box{padding:24px 16px}.qrcode-canvas{width:260px!important;height:260px!important}.qrcode-canvas-wrap canvas{width:260px!important;height:260px!important}.participants-header{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.quiz-actions{grid-template-columns:1fr}.podium-title{font-size:1.6rem}.podium-stage{gap:6px}.podium-name{font-size:.82rem;max-width:100px}.podium-score{font-size:.78rem}.podium-screen{padding:24px 16px}.phase-center h2{font-size:1.4rem}}@media (max-width: 400px){.options-grid.grid-2{grid-template-columns:1fr}.result-score-big,.feedback-fullscreen h2{font-size:1.6rem}}