:root{--primary:#32cd32;--primary-dark:#006400;--bg:#121212;--panel:#1e1e1e;--accent:gold;--error:#f44;--text:#fff;--text-muted:#aaa;--border-radius:12px;--shadow:4px 4px 0px var(--primary-dark)}body{background:var(--bg);color:var(--text);font-family:Nunito,sans-serif}h1,h2,h3,.game-font{font-family:Fredoka One,cursive}.btn{border-radius:var(--border-radius);border:4px solid var(--primary-dark);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Fredoka One,cursive;font-size:1.1rem;text-decoration:none;transition:all 80ms;display:inline-flex}.btn:active{box-shadow:1px 1px 0px var(--primary-dark);transform:translate(3px,3px)}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:#3de63d}.btn-secondary{background:var(--panel);color:var(--text);border-color:var(--primary);box-shadow:4px 4px 0px var(--primary)}.btn-secondary:hover{background:#2a2a2a}.btn-danger{background:var(--error);color:#fff;border-color:#a00;box-shadow:4px 4px #a00}.btn-danger:hover{background:#f66}.btn-accent{background:var(--accent);color:#000;border-color:#b8860b;box-shadow:4px 4px #b8860b}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.card{background:var(--panel);border:2px solid var(--primary-dark);border-radius:var(--border-radius);padding:24px}.input{border:2px solid var(--primary-dark);color:var(--text);background:#2a2a2a;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Nunito,sans-serif;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.answer-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.answer-btn{cursor:pointer;color:#fff;text-align:center;word-break:break-word;-webkit-user-select:none;user-select:none;border:4px solid #0000004d;border-radius:12px;justify-content:center;align-items:center;min-height:90px;padding:12px;font-family:Fredoka One,cursive;font-size:1.2rem;transition:all 80ms;display:flex;position:relative;box-shadow:0 6px #0000004d}.answer-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #0000004d}.answer-btn.answer-a{background:#e74c3c}.answer-btn.answer-b{background:#3498db}.answer-btn.answer-c{background:#f39c12}.answer-btn.answer-d{background:#27ae60}.answer-btn:hover:not(:disabled){filter:brightness(1.15)}.answer-btn.selected{filter:brightness(1.3);animation:.4s answerBounce;box-shadow:0 0 20px #fff6}.answer-btn.correct{animation:.6s correctFlash;background:var(--primary)!important;border-color:var(--primary-dark)!important}.answer-btn.wrong{opacity:.6;background:var(--error)!important}.answer-btn:disabled{cursor:not-allowed}@keyframes answerBounce{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.96)}to{transform:scale(1)}}@keyframes correctFlash{0%{box-shadow:0 0 #32cd3200}50%{box-shadow:0 0 30px #32cd32cc}to{box-shadow:0 0 10px #32cd324d}}.timer-circle{background:var(--panel);border:6px solid var(--primary);width:100px;height:100px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-family:Fredoka One,cursive;font-size:2.4rem;transition:border-color .5s,transform .3s;display:flex;box-shadow:0 0 20px #32cd324d}.timer-circle.urgent{border-color:var(--error);color:var(--error);animation:.5s infinite timerPulse;box-shadow:0 0 20px #ff444480}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.leaderboard-row{background:var(--panel);border:2px solid var(--primary-dark);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .5s;animation:.4s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.rank-badge{color:var(--accent);text-align:center;min-width:36px;font-family:Fredoka One,cursive;font-size:1.3rem}.podium-container{justify-content:center;align-items:flex-end;gap:16px;margin:24px 0;display:flex}.podium-place{opacity:0;flex-direction:column;align-items:center;animation:.8s forwards podiumRise;display:flex}.podium-place:nth-child(2){animation-delay:.2s}.podium-place:first-child{animation-delay:.6s}.podium-place:nth-child(3){animation-delay:0s}@keyframes podiumRise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.podium-block{border-radius:8px 8px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;width:120px;padding:12px 8px;font-family:Fredoka One,cursive;display:flex}.podium-1st{background:linear-gradient(gold,#b8860b);height:150px}.podium-2nd{background:linear-gradient(silver,gray);height:110px}.podium-3rd{background:linear-gradient(#cd7f32,#8b4513);height:80px}.confetti-piece{pointer-events:none;z-index:9999;border-radius:2px;width:10px;height:10px;animation:linear forwards confettiFall;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.player-chip{background:var(--panel);border:2px solid var(--primary);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;animation:.3s popIn;display:inline-flex}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pin-display{color:var(--accent);letter-spacing:12px;text-shadow:3px 3px 0px var(--primary-dark);font-family:Fredoka One,cursive;font-size:4rem}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.max-w-md{max-width:480px;margin:0 auto}.max-w-lg{max-width:640px;margin:0 auto}.max-w-xl{max-width:800px;margin:0 auto}.p-4{padding:32px}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=480px){.answer-btn{min-height:80px;font-size:1rem}.pin-display{letter-spacing:8px;font-size:2.8rem}.podium-block{width:90px}.podium-1st{height:120px}.podium-2nd{height:90px}.podium-3rd{height:65px}}.double-points-splash{z-index:10000;pointer-events:none;background:radial-gradient(#1a1a00 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;animation:.4s 2.2s forwards dpFadeOut;display:flex;position:fixed;inset:0}.double-points-bolt{filter:drop-shadow(0 0 20px gold);font-size:5rem;animation:.6s ease-in-out infinite alternate dpBoltSpin}.double-points-bolt.left{transform-origin:100%;animation-delay:0s}.double-points-bolt.right{transform-origin:0;animation-delay:.15s}.double-points-label{color:gold;text-shadow:0 0 20px gold,0 0 40px gold,0 0 80px orange;letter-spacing:4px;text-align:center;margin:0 12px;font-family:Fredoka One,cursive;font-size:clamp(2.2rem,8vw,4rem);animation:.5s cubic-bezier(.175,.885,.32,1.275) both dpZoomIn,.7s ease-in-out .5s infinite alternate dpPulseGlow}.double-points-sub{color:#fff;letter-spacing:6px;text-transform:uppercase;opacity:0;margin-top:8px;font-family:Fredoka One,cursive;font-size:clamp(1rem,4vw,1.5rem);animation:.4s .4s forwards dpSlideUp}.double-points-ring{opacity:0;border:4px solid gold;border-radius:50%;width:300px;height:300px;animation:.8s .1s forwards dpRingExpand;position:absolute}.double-points-ring:nth-child(2){animation-delay:.35s}.double-points-ring:nth-child(3){animation-delay:.6s}@keyframes dpZoomIn{0%{opacity:0;transform:scale(.3)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes dpPulseGlow{0%{text-shadow:0 0 20px gold,0 0 40px gold,0 0 80px orange;transform:scale(1)}to{text-shadow:0 0 30px gold,0 0 60px gold,0 0 120px orange;transform:scale(1.04)}}@keyframes dpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}@keyframes dpBoltSpin{0%{transform:rotate(-15deg)scale(.9)}to{transform:rotate(15deg)scale(1.1)}}@keyframes dpRingExpand{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(2.5)}}@keyframes dpFadeOut{0%{opacity:1}to{opacity:0}}.lb-smart-container{flex-direction:column;gap:8px;padding:0 4px;display:flex}.lb-smart-row{background:var(--panel);border:2px solid var(--primary-dark);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:relative;overflow:hidden}.lb-smart-row.lb-you{border-color:var(--primary);background:#32cd3214}.lb-rank{text-align:center;min-width:34px;color:var(--accent);font-family:Fredoka One,cursive;font-size:1.2rem}.lb-avatar{font-size:1.3rem}.lb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.lb-you-tag{color:var(--primary);margin-left:4px;font-size:.75rem;font-weight:400}.lb-arrows{justify-content:flex-end;align-items:center;min-width:36px;display:flex}.lb-arrow-up{color:var(--primary);text-shadow:0 0 8px #32cd3299;align-items:center;gap:2px;font-family:Fredoka One,cursive;font-size:.8rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) both lbArrowFadeIn;display:inline-flex}.lb-arrow-count{opacity:.85;font-size:.7rem}.lb-arrow-down{color:var(--error);opacity:.6;font-size:.8rem;animation:.5s both lbArrowFadeIn}.lb-last-pts{color:var(--primary);margin-right:2px;font-family:Fredoka One,cursive;font-size:.82rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) both lbPtsBadge}.lb-score{color:var(--accent);text-align:right;min-width:48px;font-family:Fredoka One,cursive;font-size:1rem}.lb-newcomer-highlight:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffd7002e 50%,#0000 100%);animation:.8s .1s both lbShimmer;position:absolute;inset:0}@keyframes lb-row-appear{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.lb-row-appear{animation-name:lb-row-appear;animation-fill-mode:both}@keyframes lb-newcomer-in{0%{opacity:0;transform:translateY(40px)scale(.92)}60%{opacity:1;transform:translateY(-6px)scale(1.02)}80%{transform:translateY(3px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.lb-newcomer-in{animation-name:lb-newcomer-in;animation-fill-mode:both}@keyframes lb-exit-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.9)}}.lb-exit-out{animation-name:lb-exit-out;animation-fill-mode:both}@keyframes lb-move-up{0%{opacity:.7;transform:translateY(12px)}55%{transform:translateY(-5px)}80%{transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.lb-move-up{animation-name:lb-move-up;animation-fill-mode:both}@keyframes lb-move-down{0%{opacity:.7;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lb-move-down{animation-name:lb-move-down;animation-fill-mode:both}@keyframes lbArrowFadeIn{0%{opacity:0;transform:translateY(6px)scale(.6)}60%{transform:translateY(-3px)scale(1.2)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lbPtsBadge{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes lbShimmer{0%{opacity:0;transform:translate(-100%)}40%{opacity:1}to{opacity:0;transform:translate(100%)}}