:root{--accent:#00e5ff;--accent-glow:rgba(0,229,255,0.15);--bg-deep:#050510;--bg-mid:#0f0f1a;--bg-card:rgba(255,255,255,0.04);--bg-card-hover:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--text:#e8e8f0;--text-dim:rgba(255,255,255,0.45);--correct:#69f0ae;--correct-bg:rgba(105,240,174,0.12);--wrong:#ff5252;--wrong-bg:rgba(255,82,82,0.12);--streak:#ffab40;--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--dur-fast:180ms;--dur-med:350ms;--dur-slow:500ms;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-pill:20px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-height:100dvh;background:var(--bg-deep);background:radial-gradient(ellipse at 20% 0%,#1a1a2e 0%,var(--bg-mid) 50%,var(--bg-deep) 100%);background-attachment:fixed;font-family:'Outfit',system-ui,sans-serif;color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform;contain:strict}.orb--1{width:min(420px,60vw);height:min(420px,60vw);top:-12%;right:-6%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);animation:orb-drift 14s ease-in-out infinite}.orb--2{width:min(320px,50vw);height:min(320px,50vw);bottom:-8%;left:-6%;background:radial-gradient(circle,rgba(179,136,255,0.08) 0%,transparent 70%);animation:orb-drift 18s ease-in-out infinite reverse}.orb--3{width:min(200px,35vw);height:min(200px,35vw);top:40%;left:50%;background:radial-gradient(circle,rgba(255,171,64,0.06) 0%,transparent 70%);animation:orb-drift 20s ease-in-out infinite 3s}.shell{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:clamp(16px,4vw,24px);contain:layout style}.screen{display:none}.screen.active{display:block}.screen.screen-enter{animation:fade-in var(--dur-slow) var(--ease-out-back) forwards}.mono{font-family:'Space Mono',monospace}.label-upper{font-family:'Space Mono',monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--text-dim)}.home-header{text-align:center;padding-top:clamp(32px,8vh,72px);margin-bottom:48px}.home-icon{font-size:clamp(2.4rem,8vw,3.6rem);margin-bottom:14px;animation:float 4s ease-in-out infinite;display:inline-block}.home-title{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:900;letter-spacing:-0.03em;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#ffffff 10%,#9898b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-sub{font-size:clamp(0.9rem,2.5vw,1.1rem);color:var(--text-dim);font-weight:300;max-width:440px;margin:0 auto;line-height:1.55}.home-label{margin-bottom:18px}.home-stats{display:flex;justify-content:center;gap:24px;margin-top:14px;flex-wrap:wrap}.home-stat{font-family:'Space Mono',monospace;font-size:0.72rem;color:var(--text-dim);letter-spacing:0.05em}.home-stat strong{color:var(--accent);font-weight:700}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-height:480px}@media (max-width:780px){.cat-grid{grid-template-columns:repeat(3,1fr);min-height:640px}}@media (max-width:540px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px;min-height:960px}}@media (max-width:380px){.cat-grid{grid-template-columns:1fr;min-height:1720px}}.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(16px,3vw,22px);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur-fast) var(--ease-out-back),background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-med) ease;opacity:0;transform:translateY(20px);contain:content}.cat-card.visible{opacity:1;transform:translateY(0);transition:transform var(--dur-slow) var(--ease-out-back),opacity var(--dur-slow) ease}.cat-card:hover{transform:translateY(-5px) scale(1.02);background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.cat-card:active{transform:scale(0.97);transition-duration:80ms}.cat-card__glow{position:absolute;top:0;right:0;width:70px;height:70px;opacity:0.12;border-radius:0 var(--radius-lg) 0 70px;pointer-events:none}.cat-card__icon{font-size:1.6rem;margin-bottom:8px}.cat-card__name{font-weight:700;font-size:clamp(0.8rem,1.8vw,0.95rem);letter-spacing:-0.01em;line-height:1.3}.cat-card__count{font-size:0.65rem;margin-top:5px;opacity:0.85}.loading-placeholder{text-align:center;padding:60px 0;color:var(--text-dim);grid-column:1 / -1}.quiz-top{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-bottom:20px}.btn-back{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;font-family:'Outfit',sans-serif;font-size:0.82rem;transition:all var(--dur-fast) ease}.btn-back:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text)}.quiz-meta{display:flex;align-items:center;gap:14px}.streak-badge{display:none;align-items:center;gap:4px;background:rgba(255,171,64,0.14);padding:5px 12px;border-radius:var(--radius-pill);font-size:0.82rem;font-weight:700;color:var(--streak);animation:pop-in 300ms var(--ease-out-back)}.streak-badge.show{display:flex}.score-display{font-size:0.82rem;color:var(--text-dim)}.progress-track{height:4px;background:rgba(255,255,255,0.05);border-radius:4px;margin-bottom:24px;overflow:hidden;position:relative;contain:strict}.progress-fill{height:100%;border-radius:4px;transition:width var(--dur-slow) var(--ease-out-back);position:relative;overflow:hidden}.progress-fill::after{content:'';position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);animation:shine-sweep 2.2s ease-in-out infinite}.timer-wrap{display:flex;justify-content:center;margin-bottom:20px}.timer-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 15px;border-radius:var(--radius-pill);transition:background var(--dur-med) ease,border-color var(--dur-med) ease;border:1px solid transparent;position:relative;overflow:hidden}.timer-bar{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-pill);opacity:0.13;transition:background var(--dur-med) ease;will-change:width}.timer-dot{width:7px;height:7px;border-radius:50%;animation:pulse-glow 1.5s ease infinite;transition:background var(--dur-med) ease;position:relative;z-index:1}.timer-text{font-size:0.85rem;font-weight:700;transition:color var(--dur-med) ease;min-width:2.2em;text-align:center;position:relative;z-index:1}.timer-pill.urgent{animation:timer-pulse 0.55s ease infinite}.q-category{display:flex;align-items:center;gap:8px;margin-bottom:12px}.q-category__icon{font-size:1.1rem}.q-category__label{font-weight:700}.q-text{font-size:clamp(1.15rem,3.5vw,1.55rem);font-weight:700;line-height:1.35;margin-bottom:24px;letter-spacing:-0.02em}.options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;list-style:none}.opt-btn{width:100%;padding:14px 18px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:'Outfit',sans-serif;font-size:clamp(0.85rem,2vw,1rem);font-weight:500;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:transform var(--dur-fast) var(--ease-out-back),background var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;opacity:0;transform:translateY(14px);contain:content}.opt-btn.visible{opacity:1;transform:translateY(0)}.opt-btn:hover:not(.locked){transform:translateX(5px);background:var(--bg-card-hover);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.opt-btn:active:not(.locked){transform:scale(0.98);transition-duration:60ms}.opt-btn.locked{cursor:default;pointer-events:none}.opt-btn.is-correct{background:var(--correct-bg);border-color:var(--correct)}.opt-btn.is-wrong{background:var(--wrong-bg);border-color:var(--wrong);animation:shake 0.4s ease}.opt-label{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.8rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);flex-shrink:0;font-family:'Space Mono',monospace;transition:all var(--dur-fast) ease}.opt-btn.is-correct .opt-label{background:rgba(105,240,174,0.25);border-color:var(--correct)}.opt-btn.is-wrong .opt-label{background:rgba(255,82,82,0.25);border-color:var(--wrong)}.timeout-msg{display:none;padding:11px 18px;border-radius:var(--radius-md);background:var(--wrong-bg);border:1px solid rgba(255,82,82,0.2);font-size:0.92rem;font-weight:600;color:#ff8a80;margin-bottom:14px;text-align:center;animation:slide-up 300ms ease}.timeout-msg.show{display:block}.fact-card{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:20px;max-height:0;opacity:0;transition:max-height 400ms ease,opacity 400ms ease,padding 400ms ease;padding:0 18px}.fact-card.show{max-height:220px;opacity:1;padding:16px 18px}.fact-label{font-weight:700;margin-bottom:6px}.fact-text{font-size:clamp(0.82rem,2vw,0.92rem);line-height:1.6;color:rgba(255,255,255,0.65);font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:13px 32px;border:none;border-radius:var(--radius-md);font-family:'Outfit',sans-serif;font-size:0.95rem;font-weight:700;color:var(--bg-deep);cursor:pointer;letter-spacing:0.02em;transition:transform var(--dur-fast) var(--ease-out-back),box-shadow var(--dur-fast) ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.35)}.btn-primary:active{transform:scale(0.97)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:13px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-family:'Outfit',sans-serif;font-size:0.95rem;font-weight:700;color:var(--text);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-back),background var(--dur-fast) ease}.btn-ghost:hover{transform:translateY(-2px);background:var(--bg-card-hover)}.btn-ghost:active{transform:scale(0.97)}.next-wrap{display:none;justify-content:center;animation:slide-up 300ms ease}.next-wrap.show{display:flex}.cat-loading-overlay{display:none;position:fixed;inset:0;z-index:100;background:rgba(5,5,16,0.7);align-items:center;justify-content:center}.cat-loading-overlay.show{display:flex}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--accent);border-radius:50%;animation:spin 0.6s linear infinite}.results{text-align:center;padding-top:clamp(36px,10vh,72px)}.results__icon{font-size:clamp(2.8rem,10vw,4.5rem);margin-bottom:14px;animation:float 3s ease-in-out infinite;display:inline-block}.results__title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;letter-spacing:-0.03em;margin-bottom:8px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results__sub{color:var(--text-dim);font-size:0.95rem;font-weight:300;margin-bottom:40px}.stats-row{display:flex;justify-content:center;gap:18px;margin-bottom:40px;flex-wrap:wrap}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 24px;min-width:120px;opacity:0;transform:translateY(18px)}.stat-card.visible{opacity:1;transform:translateY(0);transition:all var(--dur-slow) var(--ease-out-back)}.stat-card__label{margin-bottom:6px}.stat-card__value{font-size:clamp(1.2rem,4vw,1.7rem);font-weight:800}.results-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.particle{position:fixed;pointer-events:none;z-index:200;font-size:1.3rem;animation:particle-fly 1s var(--ease-out) forwards;will-change:transform,opacity}.site-footer{position:relative;z-index:1;text-align:center;padding:48px 20px 20px;color:rgba(255,255,255,0.12);font-size:0.62rem;letter-spacing:0.08em;text-transform:lowercase}.site-footer a{color:rgba(255,255,255,0.12);text-decoration:none;transition:color var(--dur-fast) ease}.site-footer a:hover{color:rgba(255,255,255,0.35)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orb-drift{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(28px,-18px,0) scale(1.08)}66%{transform:translate3d(-18px,14px,0) scale(0.92)}100%{transform:translate3d(0,0,0) scale(1)}}@keyframes pulse-glow{0%,100%{opacity:0.4}50%{opacity:1}}@keyframes shine-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(430%)}}@keyframes slide-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@keyframes timer-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes particle-fly{0%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(var(--px),var(--py),0) scale(0.2)}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}