*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--accent:#e94560;--accent-light:#ff7b8a;--success:#22c55e;--success-bg:rgba(34,197,94,0.18);--success-bdr:rgba(34,197,94,0.65);--success-text:#86efac;--error:#ef4444;--error-bg:rgba(239,68,68,0.18);--error-bdr:rgba(239,68,68,0.65);--error-text:#fca5a5;--text:#f8fafc;--muted:#94a3b8;--card-bg:rgba(255,255,255,0.06);--card-bdr:rgba(255,255,255,0.1);--btn-bg:rgba(255,255,255,0.07);--btn-hover:rgba(255,255,255,0.13)}html{height:100%}body{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(145deg,#0f0c29,#1a1a4e 40%,#24243e 70%,#0f3460);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}main{min-height:100dvh;justify-content:center;padding:1rem 1rem 2rem}.theme-page,main{display:flex;align-items:center}.theme-page{width:100%;max-width:480px;flex-direction:column;gap:1.5rem;animation:fadeSlideUp .4s ease}.theme-header{text-align:center}.welcome-icon{font-size:3.5rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.welcome-title{font-size:clamp(1.6rem,6.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:.4rem}.welcome-subtitle{color:var(--muted);font-size:clamp(.9rem,3vw,1rem)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;width:100%}.theme-card{border:2px solid transparent;border-radius:16px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;text-align:center;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}.theme-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.theme-card.selected{border-color:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 28px rgba(0,0,0,.4);transform:translateY(-2px) scale(1.02)}.theme-emoji{font-size:2.2rem}.theme-label{font-size:1rem;font-weight:700;color:#fff}.theme-desc{font-size:.72rem;color:rgba(255,255,255,.7);line-height:1.4}.theme-count{margin-top:.25rem;font-size:.68rem;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em}.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);color:#fff;border:none;padding:.95rem 2.25rem;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 24px rgba(233,69,96,.38);min-height:52px;width:100%;max-width:280px;letter-spacing:.01em;font-family:inherit}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(233,69,96,.5)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--muted);padding:.85rem 2rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;min-height:48px;width:100%;max-width:280px;font-family:inherit}.btn-secondary:hover{background:rgba(255,255,255,.13);color:var(--text)}.progress-wrapper{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.08);z-index:100}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.game-hud{justify-content:space-between;margin-bottom:.55rem;min-height:32px;padding:0 .25rem}.game-hud,.streak-badge{display:flex;align-items:center}.streak-badge{gap:.35rem;background:rgba(255,107,107,.18);border:1px solid rgba(255,107,107,.4);border-radius:20px;padding:.3rem .75rem;font-size:.8rem;font-weight:700;color:#ff9f9f;visibility:hidden;opacity:0;transition:opacity .3s,transform .3s;transform:scale(.8)}.streak-badge.streak-visible{visibility:visible;opacity:1;transform:scale(1);animation:streakPop .35s cubic-bezier(.34,1.56,.64,1)}.streak-num{font-size:1rem}.points-display{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:#ffd700;letter-spacing:.02em}.pts-val{animation:pointsBump .3s cubic-bezier(.34,1.56,.64,1)}.quiz-container{position:relative;width:100%;max-width:440px;padding-top:.5rem;animation:fadeSlideUp .35s ease}.card{background:var(--card-bg);border:1px solid var(--card-bdr);border-radius:20px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.25);transition:box-shadow .3s}.card.card-glow-correct{box-shadow:0 0 0 3px rgba(34,197,94,.5),0 8px 32px rgba(0,0,0,.25);animation:correctPulse .6s ease}.card.card-glow-wrong{box-shadow:0 0 0 3px rgba(239,68,68,.45),0 8px 32px rgba(0,0,0,.25)}.card.shake{animation:shake .45s ease}.card-image-wrapper{position:relative;width:100%;height:180px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-image-overlay{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(0deg,rgba(15,12,41,.85) 0,transparent)}.card-image-placeholder{width:100%;height:50px;background:linear-gradient(135deg,rgba(233,69,96,.2),rgba(45,106,159,.2))}.card-body{padding:1.1rem 1.2rem 1.4rem}.question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;gap:.5rem}.question-counter{color:var(--accent-light);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.category-badge{background:rgba(233,69,96,.15);border:1px solid rgba(233,69,96,.3);color:var(--accent-light);border-radius:20px;padding:.18rem .6rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.question-text{font-size:clamp(.95rem,3.8vw,1.12rem);font-weight:600;line-height:1.55;margin-bottom:1.1rem;color:var(--text)}.choices{display:flex;flex-direction:column;gap:.6rem}.choice-btn{background:var(--btn-bg);border:1px solid var(--card-bdr);border-radius:12px;color:var(--text);padding:.75rem 1rem;font-size:clamp(.85rem,3vw,.95rem);font-weight:500;text-align:left;cursor:pointer;transition:background .12s,border-color .12s,transform .1s;min-height:48px;line-height:1.4;font-family:inherit}.choice-btn:not(:disabled):hover{background:var(--btn-hover);border-color:rgba(255,255,255,.22);transform:translateX(3px)}.choice-btn:not(:disabled):active{transform:translateX(1px)}.choice-btn:disabled{cursor:default}.choice-btn.correct{background:var(--success-bg);border-color:var(--success-bdr);color:var(--success-text);animation:correctChoice .4s ease}.choice-btn.incorrect{background:var(--error-bg);border-color:var(--error-bdr);color:var(--error-text)}.choice-btn.dimmed{opacity:.3}.choice-icon{font-weight:900}.timeout-label{margin-top:.75rem;text-align:center;color:#f97316;font-weight:700;font-size:.9rem;animation:fadeSlideUp .3s ease}.timer-wrap{flex-shrink:0}.timer-urgent{animation:timerPulse .6s ease infinite}.points-popup{position:absolute;top:40%;left:50%;transform:translateX(-50%);font-size:clamp(1.3rem,5vw,1.7rem);font-weight:900;color:#ffd700;text-shadow:0 2px 12px rgba(0,0,0,.6),0 0 20px rgba(255,215,0,.4);pointer-events:none;z-index:50;white-space:nowrap;animation:pointsFlyUp .95s cubic-bezier(.2,.8,.4,1) forwards}.results-container{text-align:center;width:100%;max-width:440px;animation:fadeSlideUp .4s ease}.results-card{background:var(--card-bg);border:1px solid var(--card-bdr);border-radius:20px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.25);margin-bottom:1.25rem}.results-theme-banner{padding:.65rem 1rem;font-size:.85rem;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.04em;text-align:center;margin-bottom:.75rem}.grade-badge{display:inline-flex;flex-direction:column;align-items:center;border:2px solid;border-radius:12px;padding:.4rem .9rem;margin-bottom:.6rem;gap:.1rem;animation:gradePop .6s cubic-bezier(.34,1.56,.64,1)}.grade-letter{font-size:2rem;font-weight:900;line-height:1}.grade-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.results-emoji{font-size:2.8rem;display:block;margin-bottom:.5rem}.results-score{font-size:clamp(3rem,12vw,4.5rem);font-weight:800;background:linear-gradient(135deg,#fff 0,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:.3rem 0 .2rem}.results-score-denom{font-size:50%;opacity:.55}.results-score-sub{color:var(--muted);font-size:.88rem;margin-bottom:.6rem}.results-bar-wrapper{background:rgba(255,255,255,.08);border-radius:8px;height:7px;margin:0 1.5rem .9rem;overflow:hidden}.results-bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent) 0,var(--accent-light) 100%);transition:width .9s cubic-bezier(.4,0,.2,1)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;padding:0 1rem 1.4rem}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.6rem;font-weight:800;line-height:1}.stat-label{font-size:.7rem;font-weight:600;color:var(--muted);text-align:center}.results-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-7px)}30%{transform:translateX(7px)}45%{transform:translateX(-5px)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}90%{transform:translateX(3px)}}@keyframes correctPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6),0 8px 32px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 12px rgba(34,197,94,0),0 8px 32px rgba(0,0,0,.25)}to{box-shadow:0 0 0 3px rgba(34,197,94,.5),0 8px 32px rgba(0,0,0,.25)}}@keyframes correctChoice{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pointsFlyUp{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.7)}15%{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1.2)}60%{opacity:1;transform:translateX(-50%) translateY(-35px) scale(1.1)}to{opacity:0;transform:translateX(-50%) translateY(-80px) scale(.8)}}@keyframes streakPop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pointsBump{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes gradePop{0%{transform:scale(0) rotate(-10deg);opacity:0}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.pseudo-page{max-width:420px;justify-content:center;min-height:60dvh}.pseudo-form,.pseudo-page{width:100%;display:flex;align-items:center}.pseudo-form{flex-direction:column;gap:1.1rem;text-align:center;animation:fadeSlideUp .4s ease}.pseudo-input{width:100%;padding:.9rem 1.2rem;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);border-radius:14px;color:var(--text);font-size:1.05rem;font-family:inherit;font-weight:600;text-align:center;outline:none;transition:border-color .2s,background .2s;caret-color:var(--accent-light)}.pseudo-input::placeholder{color:rgba(255,255,255,.35);font-weight:400}.pseudo-input:focus{border-color:rgba(233,69,96,.65);background:rgba(255,255,255,.11);box-shadow:0 0 0 3px rgba(233,69,96,.18)}.pseudo-msg-wrap{text-align:center;padding:1.5rem;opacity:0;transform:scale(.85) translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.4,.64,1)}.pseudo-msg-visible{opacity:1;transform:scale(1) translateY(0)}.pseudo-msg-line1{font-size:clamp(1.8rem,8vw,2.6rem);font-weight:900;line-height:1.1}.pseudo-msg-name{background:linear-gradient(135deg,#ffd700 0,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pseudo-msg-q{color:var(--text)}.pseudo-msg-line2{font-size:clamp(1.4rem,6vw,2rem);font-weight:800;color:var(--accent-light);margin:.25rem 0 .6rem}.pseudo-msg-sub{color:var(--muted);font-size:clamp(.9rem,3.5vw,1.05rem);line-height:1.55}.leaderboard-card{background:var(--card-bg);border:1px solid var(--card-bdr);border-radius:20px;padding:1.1rem 1rem 1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:1.25rem;animation:fadeSlideUp .5s ease .15s both}.leaderboard-title{font-size:.9rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:.85rem;letter-spacing:.03em}.lb-table{width:100%;border-collapse:collapse;font-size:.82rem}.lb-table thead tr{border-bottom:1px solid rgba(255,255,255,.1)}.lb-table th{padding:.35rem .5rem;font-weight:700;color:var(--muted);text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.lb-th-rank{width:36px}.lb-th-name{text-align:left}.lb-th-pts{text-align:right}.lb-row td{padding:.5rem;vertical-align:middle}.lb-row{border-bottom:1px solid rgba(255,255,255,.05)}.lb-row-empty td{height:37px;border-bottom:1px solid rgba(255,255,255,.04)}.lb-rank{text-align:center;font-size:.9rem;width:36px}.lb-name{font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-center{text-align:center;color:var(--muted)}.lb-pts{text-align:right;font-weight:800;color:#ffd700;white-space:nowrap}.lb-row-me{background:rgba(233,69,96,.12);outline:1px solid rgba(233,69,96,.35);border-radius:8px}.lb-row-me td{color:#fff}.lb-row-me .lb-pts{color:#ffd700}.lb-pagination{gap:1rem;margin-top:.75rem}.lb-arrow,.lb-pagination{display:flex;align-items:center;justify-content:center}.lb-arrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:8px;width:32px;height:32px;font-size:1.3rem;line-height:1;cursor:pointer;transition:background .15s}.lb-arrow:hover:not(:disabled){background:rgba(255,255,255,.16)}.lb-arrow:disabled{opacity:.3;cursor:default}.lb-page-info{font-size:.8rem;font-weight:600;min-width:48px}.lb-loading,.lb-page-info{color:var(--muted);text-align:center}.lb-loading{font-size:.88rem;padding:1.25rem;margin-bottom:1.25rem;animation:fadeSlideUp .4s ease}@media (min-width:600px){.quiz-container,.results-container,.theme-page{max-width:560px}.theme-grid{gap:1rem}.theme-card{padding:1.5rem 1.25rem}.card-image-wrapper{height:220px}.card-body{padding:1.4rem 1.75rem 1.7rem}.choices{gap:.7rem}}