.quiz-root *,.quiz-root :before,.quiz-root :after{box-sizing:border-box;margin:0;padding:0}.quiz-root{--bg:#071410;--bg-card:#0c1e18;--bg-input:#0f241c;--border:#00aa702e;--border-md:#00aa7061;--border-hi:#00aa70a6;--green:#00aa70;--green-hi:#0c8;--green-dim:#007a50;--green-glow:#00aa7021;--green-lt:#d8fff0;--red:#e04848;--red-bg:#250e0e;--text:#dff5eb;--text-muted:#6ba888;--text-dim:#3d7a5e;--gold:#f5c542;--silver:#aabfcc;--bronze:#c88050;--radius:14px;--radius-sm:9px;--radius-xs:6px;background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:clamp(16px,1.1vw + 14px,20px);line-height:1.5;position:relative;overflow-x:hidden}.quiz-root #bgCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.quiz-root #app{z-index:1;width:100%;max-width:clamp(660px,60vw,880px);margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem) 3rem;position:relative}.quiz-root .logo-bar{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2.25rem;padding-bottom:1.25rem;display:flex}.quiz-root .logo-bar img{width:auto;height:clamp(46px,4vw,64px)}.quiz-root .event-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--green);border:1px solid var(--border-md);background:#00aa7012;border-radius:99px;padding:4px 12px;font-size:clamp(11px,.9vw,14px);font-weight:600}.quiz-root .screen{display:none}.quiz-root .screen.active{display:block}.quiz-root .card{-webkit-backdrop-filter:blur(12px);border:.5px solid var(--border);border-radius:var(--radius);background:#0c1e18eb;padding:clamp(1.4rem,3vw,2.5rem)}.quiz-root .start-card{position:relative}.quiz-root .start-stopwatch{width:clamp(42px,5vw,64px);height:clamp(42px,5vw,64px);color:var(--green);border:1px solid var(--border-md);background:#00aa7012;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:clamp(1.4rem,3vw,2.5rem);right:clamp(1.4rem,3vw,2.5rem);box-shadow:0 0 22px #00aa702e}.quiz-root .start-stopwatch svg{width:56%;height:56%}.quiz-root .card-glow{border-top:1.5px solid var(--green);box-shadow:0 -2px 24px #00aa702e,0 2px 40px #00000080}.quiz-root .screen-title{text-transform:uppercase;letter-spacing:.1em;color:var(--green);margin-bottom:.6rem;font-size:clamp(13px,1.05vw,16px);font-weight:600}.quiz-root h1{color:var(--text);text-align:center;margin-bottom:.6rem;font-size:clamp(24px,3.6vw,40px);font-weight:700;line-height:1.3}.quiz-root h1 em{color:var(--green);font-size:.93em;font-style:normal}.quiz-root .subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:clamp(14px,1.5vw,18px);line-height:1.65}.quiz-root .divider{background:var(--border);height:.5px;margin:1.5rem 0}.quiz-root .field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px;font-size:clamp(11px,1vw,14px);font-weight:700;display:block}.quiz-root input[type=text]{width:100%;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;margin-bottom:.75rem;padding:clamp(13px,1.4vw,18px) 16px;font-size:clamp(16px,1.4vw,19px);transition:border-color .2s,box-shadow .2s}.quiz-root input[type=text]:focus{border-color:var(--green);box-shadow:0 0 0 3px #00aa7024}.quiz-root input[type=text]::placeholder{color:var(--text-dim)}.quiz-root .privacy-note{color:var(--text-muted);border:.5px solid var(--border);border-radius:var(--radius-xs);background:#00aa700f;align-items:center;gap:10px;margin-bottom:1.25rem;padding:10px 13px;font-size:clamp(12px,1.1vw,15px);line-height:1.6;display:flex}.quiz-root .privacy-note svg{opacity:.8;flex-shrink:0;width:clamp(20px,2.2vw,28px);height:clamp(20px,2.2vw,28px)}.quiz-root .btn{letter-spacing:.03em;border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;width:100%;padding:clamp(14px,1.5vw,19px) 24px;font-size:clamp(15px,1.4vw,19px);font-weight:700;transition:all .15s;display:block}.quiz-root .btn-primary{background:var(--green);color:#041a0e;box-shadow:0 4px 24px #00aa704d}.quiz-root .btn-primary:hover:not(:disabled){background:var(--green-hi);transform:translateY(-1px);box-shadow:0 6px 32px #00aa7073}.quiz-root .btn-primary:active:not(:disabled){transform:scale(.98)}.quiz-root .btn-primary:disabled{opacity:.3;cursor:default;box-shadow:none}.quiz-root .btn-glow{animation:1.6s ease-in-out infinite quizGlow}.quiz-root .btn-glow:disabled{opacity:.85;cursor:default;animation:1.6s ease-in-out infinite quizGlow}@keyframes quizGlow{0%,to{box-shadow:0 4px 24px #00aa7059,0 0 #00aa7073}50%{box-shadow:0 6px 34px #00aa70b3,0 0 22px 6px #00aa708c}}@media (prefers-reduced-motion:reduce){.quiz-root .btn-glow{animation:none}}.quiz-root .btn-start{width:56%;min-width:240px;max-width:440px;margin-left:auto;margin-right:auto}@media (max-width:480px){.quiz-root .btn-start{width:100%;max-width:none}}.quiz-root .btn-ghost{color:var(--text-muted);border:.5px solid var(--border);background:0 0;margin-top:.75rem;font-weight:500}.quiz-root .btn-ghost:hover{background:var(--green-glow);color:var(--green);border-color:var(--border-md)}.quiz-root .btn-export{color:var(--green);border:1px solid var(--border-md);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:7px;width:auto;padding:9px 18px;font-size:clamp(13px,1.1vw,16px);font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.quiz-root .btn-export:hover{background:var(--green-glow);border-color:var(--border-hi)}.quiz-root .timer-track{background:#ffffff12;border-radius:99px;height:3px;margin-bottom:1.25rem;overflow:hidden}.quiz-root .timer-fill{background:var(--green);border-radius:99px;height:3px;transition:width 1s linear,background .4s}.quiz-root .timer-fill.warn{background:#e8b830}.quiz-root .timer-fill.danger{background:var(--red)}.quiz-root .quiz-meta{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.quiz-root .time-pill{color:var(--text-muted);border:.5px solid var(--border);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:99px;padding:4px 13px;font-size:clamp(13px,1.2vw,16px);transition:color .3s}.quiz-root .time-pill.warn{color:#e8b830;border-color:#e8b8304d}.quiz-root .time-pill.danger{color:var(--red);border-color:#e048484d}.quiz-root .score-display{color:var(--green);font-size:clamp(15px,1.4vw,19px);font-weight:700}.quiz-root .question-text{color:var(--text);min-height:48px;margin-bottom:1.25rem;font-size:clamp(16px,1.7vw,22px);font-weight:500;line-height:1.6}.quiz-root .answer-grid{flex-direction:column;gap:9px;display:flex}.quiz-root .answer-btn{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:#ffffff08;align-items:flex-start;gap:11px;padding:clamp(12px,1.4vw,17px) clamp(15px,1.6vw,20px);font-size:clamp(14px,1.4vw,18px);line-height:1.45;transition:background .12s,border-color .12s,transform .1s;display:flex}.quiz-root .answer-btn:hover:not(:disabled){background:var(--green-glow);border-color:var(--green);transform:translate(2px)}.quiz-root .answer-btn:disabled{cursor:default}.quiz-root .answer-btn.correct{border-color:var(--green);color:#c0ffe5;background:#00aa7029;border-width:1.5px}.quiz-root .answer-btn.wrong{background:var(--red-bg);border-color:var(--red);color:#ffbdbd;border-width:1.5px}.quiz-root .answer-btn.reveal{color:#96e8c4;background:#00aa7014;border-width:1.5px;border-color:#00aa7073}.quiz-root .answer-key{letter-spacing:.04em;color:var(--text-muted);background:#ffffff0f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:clamp(22px,2.2vw,28px);height:clamp(22px,2.2vw,28px);margin-top:1px;font-size:clamp(11px,1vw,14px);font-weight:800;transition:background .12s,color .12s;display:flex}.quiz-root .answer-btn.correct .answer-key{color:#c0ffe5;background:#00aa7059}.quiz-root .answer-btn.wrong .answer-key{color:#ffbdbd;background:#e048484d}.quiz-root .answer-btn.reveal .answer-key{color:#96e8c4;background:#00aa7033}.quiz-root .feedback-icon{text-align:right;flex-shrink:0;min-width:18px;margin-top:3px;margin-left:auto;font-size:14px}.quiz-root .countdown-wrap{text-align:center;padding:3.5rem 2rem}.quiz-root .countdown-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:1rem;font-size:clamp(11px,1vw,14px)}.quiz-root .countdown-num{color:var(--green);text-shadow:0 0 60px #00aa7080,0 0 20px #00aa704d;font-size:clamp(80px,14vw,140px);font-weight:800;line-height:1;animation:.8s ease-in-out quizPulse}@keyframes quizPulse{0%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.quiz-root .countdown-sub{color:var(--text-muted);margin-top:1.25rem;font-size:clamp(14px,1.5vw,18px)}.quiz-root .result-name{text-align:center;color:var(--text-muted);letter-spacing:.03em;margin-bottom:.25rem;font-size:clamp(14px,1.5vw,18px)}.quiz-root .result-score{color:var(--green);text-align:center;text-shadow:0 0 50px #00aa7066;margin:.5rem 0 .25rem;font-size:clamp(72px,12vw,120px);font-weight:800;line-height:1}.quiz-root .result-label{text-align:center;color:var(--text-muted);margin-bottom:.75rem;font-size:clamp(14px,1.5vw,18px)}.quiz-root .rank-note{text-align:center;color:var(--green);margin-bottom:1.5rem;font-size:clamp(16px,1.7vw,21px);font-weight:700}.quiz-root .hs-wrap{margin-top:1.5rem}.quiz-root .hs-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.quiz-root .hs-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:clamp(11px,1vw,14px);font-weight:700}.quiz-root .hs-list{flex-direction:column;gap:7px;display:flex}.quiz-root .hs-row{border-radius:var(--radius-sm);border:.5px solid var(--border);background:#ffffff06;align-items:center;gap:12px;padding:clamp(11px,1.3vw,16px) clamp(15px,1.6vw,20px);transition:background .15s;display:flex}.quiz-root .hs-row.top1{background:#f5c54212;border-color:#f5c54247}.quiz-root .hs-row.top2{background:#aabfd20f;border-color:#aabfd238}.quiz-root .hs-row.top3{background:#00aa7012;border-color:#00aa7040}.quiz-root .hs-rank{text-align:center;width:clamp(28px,3vw,38px);font-size:clamp(15px,1.6vw,20px)}.quiz-root .hs-name{color:var(--text);flex:1;font-size:clamp(14px,1.5vw,18px);font-weight:500}.quiz-root .hs-pts{color:var(--green);font-size:clamp(15px,1.6vw,20px);font-weight:700}.quiz-root .hs-pts-lbl{color:var(--text-muted);margin-left:2px;font-size:clamp(11px,1vw,13px);font-weight:400}.quiz-root .hs-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:clamp(14px,1.5vw,18px)}.quiz-root .hs-row-empty{opacity:.55}.quiz-root .hs-name-empty{color:var(--text-dim);font-style:italic;font-weight:400}.quiz-root .hs-pts-empty{color:var(--text-dim)}.quiz-root .export-row{text-align:right;margin-top:1.25rem}.quiz-root .result-actions{flex-wrap:wrap;gap:12px;margin-top:1.5rem;display:flex}.quiz-root .result-actions .btn-primary{flex:1}.quiz-root .admin-lock{z-index:5;width:42px;height:42px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(8px);opacity:.55;background:#0c1e18b3;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:fixed;bottom:18px;right:18px}.quiz-root .admin-lock:hover{opacity:1;color:var(--green);border-color:var(--border-hi);transform:translateY(-1px);box-shadow:0 4px 20px #00aa7040}.quiz-root .admin-modal-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);background:#020806b8;justify-content:center;align-items:center;padding:1.25rem;animation:.18s ease-out quizFade;display:flex;position:fixed;inset:0}@keyframes quizFade{0%{opacity:0}to{opacity:1}}.quiz-root .admin-modal{border:.5px solid var(--border);border-top:1.5px solid var(--green);border-radius:var(--radius);background:#0c1e18fa;width:100%;max-width:400px;padding:1.75rem;position:relative;box-shadow:0 -2px 24px #00aa702e,0 20px 60px #0009}.quiz-root .admin-modal-close{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:6px;width:30px;height:30px;font-size:24px;line-height:1;transition:all .15s;position:absolute;top:12px;right:14px}.quiz-root .admin-modal-close:hover{color:var(--text);background:#ffffff0f}.quiz-root .admin-modal-title{color:var(--text);margin-bottom:.35rem;font-size:clamp(21px,2.2vw,26px);font-weight:700}.quiz-root .admin-modal-sub{color:var(--text-muted);margin-bottom:1.4rem;font-size:clamp(14px,1.4vw,17px);line-height:1.55}.quiz-root .admin-modal input{width:100%;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;margin-bottom:1rem;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.quiz-root .admin-modal input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00aa7024}.quiz-root .admin-modal .btn-primary{margin-top:.25rem}.quiz-root .admin-modal-error{color:#ffbdbd;background:var(--red-bg);border-radius:var(--radius-sm);border:.5px solid #e0484859;margin-bottom:1rem;padding:10px 13px;font-size:13px}@media (max-width:480px){.quiz-root .logo-bar{margin-bottom:1.5rem;padding-bottom:1rem}.quiz-root .countdown-wrap{padding:2.5rem 1.25rem}}