@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-green:#059669;--accent-green-hover:#047857;--accent-green-light:#ecfdf5;--accent-teal:#0d9488;--accent-teal-light:#f0fdfa;--accent-purple:#7c3aed;--accent-purple-light:#f5f3ff;--accent-blue:#2563eb;--accent-blue-light:#eff6ff;--accent-pink:#db2777;--accent-pink-light:#fdf2f8;--warning-yellow:#d97706;--warning-yellow-light:#fefbeb;--error-red:#dc2626;--error-red-light:#fef2f2;--border-width:1.5px;--border-color:#111827;--border-primary:var(--border-width) solid var(--border-color);--border-soft:1px solid #e5e7eb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-flat:4px 4px 0px #111827;--shadow-flat-hover:2px 2px 0px #111827;--shadow-soft:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-hover:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--navbar-height:72px;--max-width-laptop:1200px;--font-primary:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:var(--font-outfit), sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-secondary);background-image:radial-gradient(var(--bg-tertiary) 1px, transparent 1px), radial-gradient(var(--bg-tertiary) 1px, transparent 1px);background-position:0 0,12px 12px;background-size:24px 24px;font-size:16px}body{color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;background-color:#0000;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;outline:none}.container{width:100%;max-width:var(--max-width-laptop);margin:0 auto;padding:0 2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}.container{padding:0 1rem}}.card{background-color:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-flat);transition:transform var(--transition-bounce), box-shadow var(--transition-bounce);position:relative;overflow:hidden}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #111827}.glass{border:var(--border-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px)saturate(1.1);background-color:#ffffffb8}.navbar{width:100%;height:var(--navbar-height);border-bottom:var(--border-primary);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;position:fixed;top:0;left:0}.logo{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:.5rem;font-weight:800;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;padding:.5rem .85rem;font-size:.925rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--accent-green);background-color:var(--accent-green-light)}.btn-primary{background-color:var(--accent-green);color:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.btn-primary:hover{background-color:var(--accent-green-hover);transform:translate(-1px,-1px);box-shadow:5px 5px #111827}.btn-primary:active{transform:translate(1px,1px);box-shadow:2px 2px #111827}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-secondary);transform:translate(-1px,-1px);box-shadow:5px 5px #111827}.btn-secondary:active{transform:translate(1px,1px);box-shadow:2px 2px #111827}.btn-danger{background-color:var(--error-red);color:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-flat);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);font-weight:700}.btn-danger:hover{background-color:#b91c1c;transform:translate(-1px,-1px);box-shadow:5px 5px #111827}.input{background-color:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:box-shadow var(--transition-fast), transform var(--transition-fast);padding:.75rem 1rem;font-weight:500}.input:focus{box-shadow:3px 3px 0px var(--accent-green);transform:translate(-1px,-1px)}.badge{border-radius:var(--radius-full);border:var(--border-primary);background-color:var(--bg-tertiary);align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-easy{background-color:var(--accent-green-light);color:var(--accent-green)}.badge-medium{background-color:var(--warning-yellow-light);color:var(--warning-yellow)}.badge-hard{background-color:var(--error-red-light);color:var(--error-red)}.level-badge{background-color:var(--accent-purple-light);color:var(--accent-purple);border-radius:var(--radius-sm);border:1px solid #7c3aed33;padding:2px 8px;font-weight:700}.streak-badge{background-color:var(--warning-yellow-light);color:var(--warning-yellow);border-radius:var(--radius-sm);border:1px solid #d9770633;padding:2px 8px;font-weight:700}.topic-chip{border-radius:var(--radius-full);border:var(--border-primary);cursor:pointer;background-color:var(--bg-primary);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem 1rem;font-weight:700}.topic-chip:hover{transform:translateY(-2px);box-shadow:2px 2px #111827}.game-mode-card{text-align:left;flex-direction:column;height:100%;padding:2rem;display:flex}.question-card{padding:2rem}.option-btn{text-align:left;background-color:var(--bg-primary);border:var(--border-primary);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:600;display:flex;box-shadow:3px 3px #111827}.option-btn:hover:not(:disabled){background-color:var(--bg-secondary);transform:translate(-1px,-1px);box-shadow:4px 4px #111827}.option-btn.selected{background-color:var(--accent-blue-light);border-color:var(--accent-blue);box-shadow:3px 3px 0px var(--accent-blue);color:var(--accent-blue)}.option-btn.correct{background-color:var(--accent-green-light);border-color:var(--accent-green);box-shadow:3px 3px 0px var(--accent-green);color:var(--accent-green);font-weight:700}.option-btn.wrong{background-color:var(--error-red-light);border-color:var(--error-red);box-shadow:3px 3px 0px var(--error-red);color:var(--error-red);font-weight:700}.option-btn.disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.timer-bar{border-radius:var(--radius-full);height:100%;transition:width 1s linear,background-color .3s}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s ease-out;background-color:var(--accent-green)!important}.explanation-box{background-color:var(--accent-green-light);border:var(--border-primary);border-left:5px solid var(--accent-green);border-radius:var(--radius-sm);margin-top:1.5rem;padding:1.25rem}.leaderboard-table{border-radius:var(--radius-md);overflow:hidden}.leaderboard-table th{border-bottom:2px solid var(--border-color)}.leaderboard-row{transition:background-color var(--transition-fast)}.leaderboard-row:hover{background-color:var(--bg-secondary)}.profile-header{background-color:var(--bg-primary)}.avatar{border:var(--border-primary);background-color:var(--bg-secondary);border-radius:50%}.xp-bar{border:var(--border-primary);background-color:var(--bg-tertiary)}.xp-fill{background-color:var(--accent-purple)!important}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11182766;width:100%;height:100%;position:fixed;top:0;left:0}.modal{animation:scaleIn var(--transition-bounce) forwards;transform:scale(.95)}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.float{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.slide-in{animation:slideIn var(--transition-bounce) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-fast) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.gradient-text{background:linear-gradient(135deg, var(--accent-green) 0%, var(--accent-teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.lab-grid-overlay{pointer-events:none;z-index:-1;background-image:linear-gradient(#11182708 1px,#0000 1px),linear-gradient(90deg,#11182708 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:fixed;top:0;left:0}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.hamburger-btn span{background-color:var(--text-primary);width:100%;height:2px;transition:all .3s}.hamburger-btn.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{display:none}@media (max-width:768px){.nav-links,.auth-section{display:none!important}.hamburger-btn{display:flex}.mobile-menu.open{top:var(--navbar-height);width:100%;max-height:calc(100vh - var(--navbar-height));background-color:var(--bg-primary);border-bottom:var(--border-primary);flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.25s ease-out forwards slideDown;display:flex;position:fixed;left:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000000d}}.nav-dropdown-wrapper{display:inline-block;position:relative}.dropdown-toggle{cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.25rem;display:inline-flex}.nav-dropdown-menu{-webkit-backdrop-filter:blur(16px);border:var(--border-primary);border-radius:var(--radius-lg);min-width:170px;box-shadow:0 10px 25px -5px #0000001a, 0 8px 16px -6px #0000000d, var(--shadow-flat);opacity:0;visibility:hidden;z-index:1010;transition:opacity var(--transition-normal), transform var(--transition-normal), visibility var(--transition-normal);background:#fffffff2;flex-direction:column;margin-top:.5rem;padding:.4rem;display:flex;position:absolute;top:100%;right:50%;transform:translate(50%)translateY(10px)scale(.95)}.nav-dropdown-wrapper:hover .nav-dropdown-menu,.nav-dropdown-wrapper:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(50%)translateY(5px)scale(1)}.dropdown-item{color:var(--text-primary);border-radius:var(--radius-sm);text-align:left;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.dropdown-item:hover,.dropdown-item.active{background-color:var(--accent-green-light);color:var(--accent-green);transform:translate(3px)}.auth-profile-link{transition:background-color var(--transition-fast), border-color var(--transition-fast)}.auth-profile-link:hover{background-color:var(--bg-tertiary)!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn var(--transition-bounce) forwards;opacity:0;transform:scale(.94)}.xp-flyup{pointer-events:none;font-family:var(--font-heading);color:var(--accent-purple);text-shadow:0 2px 10px #7c3aed59;z-index:50;font-weight:800;animation:1s cubic-bezier(.22,1,.36,1) forwards flyUp;position:absolute}@keyframes flyUp{0%{opacity:0;transform:translateY(8px)scale(.8)}18%{opacity:1;transform:translateY(-6px)scale(1.12)}to{opacity:0;transform:translateY(-56px)scale(1)}}.pop{animation:.42s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.combo-meter{border-radius:var(--radius-full);border:var(--border-width) solid var(--warning-yellow);background:linear-gradient(90deg, var(--warning-yellow-light), var(--accent-pink-light));box-shadow:3px 3px 0 var(--warning-yellow);transition:transform var(--transition-bounce);align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.combo-meter.flare{animation:.4s cubic-bezier(.34,1.56,.64,1) comboFlare}@keyframes comboFlare{0%{transform:scale(1)}40%{transform:scale(1.12)rotate(-1.5deg)}to{transform:scale(1)}}.combo-meter .x{font-family:var(--font-heading);color:var(--accent-pink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900;line-height:1}.combo-meter .track{border-radius:var(--radius-full);background:#00000014;width:72px;height:8px;overflow:hidden}.combo-meter .track>i{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--warning-yellow), var(--accent-pink));height:100%;transition:width .25s ease-out;display:block}.combo-meter .lab{text-transform:uppercase;letter-spacing:.06em;color:var(--warning-yellow);font-size:.7rem;font-weight:800}.streak-flame{color:var(--warning-yellow);background:linear-gradient(180deg, var(--warning-yellow-light), var(--accent-pink-light));border-radius:var(--radius-full);font-variant-numeric:tabular-nums;border:1px solid #d9770647;align-items:center;gap:.3rem;padding:3px 10px;font-weight:800;display:inline-flex}.streak-flame.hot .flame-emoji{animation:1.6s ease-in-out infinite flicker;display:inline-block}@keyframes flicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.15)rotate(2deg)}}.tilt{transform-style:preserve-3d;transition:transform var(--transition-normal), box-shadow var(--transition-normal);will-change:transform}@media (prefers-reduced-motion:reduce){.xp-flyup,.pop,.combo-meter.flare,.streak-flame.hot .flame-emoji{animation:none!important}}