:root{--primary: #1A3A8A;--primary-light: #2563EB;--primary-dark: #0F2460;--accent: #7C52FB;--accent-light: #9F7AEA;--accent-dim: rgba(124, 82, 251, .3);--gold: #D4AF37;--gold-light: #F0D060;--gold-dim: rgba(212, 175, 55, .3);--bg: #0A0A1A;--bg-light: #111827;--surface: rgba(124, 82, 251, .08);--surface-solid: rgba(12, 12, 24, .95);--text: #F1F5F9;--text-dim: #94A3B8;--text-muted: #64748B;--green: #22C55E;--green-light: #86EFAC;--red: #EF4444;--red-light: #FCA5A5;--orange: #F97316;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--glass-blur: 20px;--glass-border: rgba(124, 82, 251, .15);--glass-border-bright: rgba(124, 82, 251, .35);--glass-bg: rgba(255, 255, 255, .04);--card-bg: rgba(22, 22, 40, .65);--card-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2), 0 0 1px rgba(124, 82, 251, .1);--btn-glow: 0 0 20px rgba(124, 82, 251, .15);--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease;--cat-world: #2563EB;--cat-popculture: #E91E63;--cat-entertainment: #9333EA;--cat-politics: #DC2626;--cat-history: #EA580C;--cat-science: #16A34A}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}html,body{width:100%;height:100dvh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;padding:0;margin:0}.token-icon{font-size:1em;vertical-align:middle;line-height:1;color:var(--gold);filter:drop-shadow(0 0 4px rgba(212,175,55,.3))}.token-amount{vertical-align:middle}#game-root{width:100%;height:100dvh;max-width:56.25dvh;max-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg);overflow:hidden;padding-top:var(--sat, env(safe-area-inset-top, 0px));padding-bottom:var(--sab, env(safe-area-inset-bottom, 0px))}#game-root:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(124,82,251,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(37,99,235,.08) 0%,transparent 55%);animation:bgPulse 8s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes bgPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}#game-root>*{position:relative;z-index:1}@media (min-aspect-ratio: 9/16){#game-root{border-left:1px solid rgba(124,82,251,.12);border-right:1px solid rgba(124,82,251,.12);box-shadow:0 0 60px #7c52fb0d}}.btn-glass{position:relative;background:#7c52fb1f;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;font-weight:700;border:1px solid rgba(159,122,234,.4);border-top-color:#c7acff80;border-radius:14px;cursor:pointer;flex-shrink:0;letter-spacing:1px;text-transform:uppercase;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition),background var(--transition);box-shadow:0 6px 24px #7c52fb59,0 0 40px #7c52fb14,inset 0 1px #ffffff1f}.btn-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:14px 14px 0 0}.btn-glass:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(159,122,234,.6),transparent);pointer-events:none}.btn-glass:active{transform:scale(.96);background:#7c52fb38;box-shadow:0 2px 12px #7c52fb80,0 0 30px #7c52fb26,inset 0 1px #ffffff26}.btn-gold{background:linear-gradient(135deg,#b8860b33,#d4af371f,#f0d06014);border-color:var(--gold);border-top-color:#f0d06080;color:var(--gold-light);box-shadow:0 6px 24px #d4af3733,0 0 30px #d4af370d,inset 0 1px #ffffff14}.btn-gold:active{background:linear-gradient(135deg,#b8860b4d,#d4af3733);box-shadow:0 2px 12px #d4af3766}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-gold{background:linear-gradient(135deg,#d4af37,#f0d060,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(212,175,55,.3))}.title-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:0;animation:fadeIn .5s ease}.title-glow{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(124,82,251,.12) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(212,175,55,.08) 0%,transparent 40%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.title-content{text-align:center;z-index:1}.title-logo{font-size:44px;font-weight:900;letter-spacing:4px;line-height:1.1;color:var(--text);text-shadow:0 2px 20px rgba(124,82,251,.2)}.title-accent{display:block;font-size:52px;background:linear-gradient(135deg,#d4af37,#f0d060,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 16px rgba(212,175,55,.35))}.title-subtitle{margin-top:16px;font-size:15px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.title-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0}.cat-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.cat-pill-icon{font-size:13px}.title-info{font-size:14px;color:var(--text-dim);margin-bottom:32px;letter-spacing:.5px}.title-info strong{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-info .token-icon{font-size:16px;margin-right:2px}.stat-label .token-icon{font-size:16px;margin-right:4px}.btn-start{font-size:18px;padding:16px 56px}@keyframes btn-bounce{0%{transform:scale(1)}25%{transform:scale(.9)}55%{transform:scale(1.04)}to{transform:scale(1)}}.board-screen{flex:1;display:flex;flex-direction:column;padding:8px;gap:0;animation:fadeIn .4s ease;overflow:hidden}.board-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0f0f1cd9;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 4px 20px #00000040;margin-bottom:0;flex-shrink:0}.board-tokens{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-dim)}.board-tokens .token-icon{font-size:18px}.board-tokens strong{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:16px}.board-answered{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.btn-finish{position:relative;background:#d4af371a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--gold-light);border:1px solid rgba(212,175,55,.35);border-top-color:#f0d06073;padding:6px 14px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition);box-shadow:0 4px 16px #d4af371f,inset 0 1px #ffffff14}.btn-finish:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;border-radius:10px 10px 0 0}.btn-finish:active{transform:scale(.92);box-shadow:0 2px 8px #d4af374d}.board-progress{padding:8px 10px;display:flex;align-items:center;gap:10px;flex-shrink:0}.progress-bar{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:2px;transition:width .4s ease;box-shadow:0 0 8px #7c52fb4d}.progress-text{font-size:10px;color:var(--text-muted);white-space:nowrap;letter-spacing:.5px}.board-grid{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0}.board-headers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}.board-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px 8px;text-align:center;border-radius:var(--radius) var(--radius) 0 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 25%,transparent),color-mix(in srgb,var(--cat) 8%,transparent));border:1px solid color-mix(in srgb,var(--cat) 40%,transparent);border-bottom:2px solid var(--cat);box-shadow:0 4px 16px color-mix(in srgb,var(--cat) 15%,transparent),inset 0 1px #ffffff1a}.board-header-icon{font-size:18px;color:var(--cat);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cat) 50%,transparent))}.board-header-name{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text);line-height:1.2}.board-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1;min-height:0}.board-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,color-mix(in srgb,var(--cat) 12%,rgba(22,22,40,.8)),color-mix(in srgb,var(--cat) 4%,rgba(12,12,28,.9)));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--cat) 30%,transparent);border-top-color:color-mix(in srgb,var(--cat) 45%,transparent);border-radius:var(--radius);padding:6px 4px;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0f}.board-cell:not(.answered):before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 10%,transparent) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.board-cell:not(.answered):after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--cat),transparent);opacity:.4;pointer-events:none}.board-cell:not(.answered):active{transform:scale(.93);border-color:var(--cat);box-shadow:0 0 20px color-mix(in srgb,var(--cat) 30%,transparent),inset 0 0 16px color-mix(in srgb,var(--cat) 12%,transparent)}.cell-inner{display:flex;flex-direction:column;align-items:center;gap:3px;z-index:1}.cell-reward-row{display:flex;align-items:center;gap:3px}.cell-reward-row .token-icon{font-size:16px}.cell-reward-num{font-size:18px;font-weight:900;color:var(--gold-light);text-shadow:0 0 8px rgba(212,175,55,.3)}.cell-diff-label{font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);opacity:.7}.board-cell.diff-easy{--diff-accent: #22C55E}.board-cell.diff-medium{--diff-accent: #3B82F6}.board-cell.diff-hard{--diff-accent: #A855F7}.board-cell.diff-expert{--diff-accent: #F97316}.board-cell.diff-master{--diff-accent: #EF4444}.board-cell.answered{background:#ffffff05;border-color:#ffffff0a;cursor:default;box-shadow:none}.board-cell.answered:before,.board-cell.answered:after{display:none}.cell-answered-icon{font-size:22px;opacity:.5}.board-cell.was-correct .cell-answered-icon{color:var(--green);opacity:.6}.board-cell.was-wrong .cell-answered-icon{color:var(--red);opacity:.4}.question-screen{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;animation:fadeIn .35s ease}.question-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.question-category{padding:6px 14px;border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.question-value{display:flex;align-items:center;gap:4px;font-size:20px;font-weight:800;color:var(--gold-light)}.question-value .token-icon{font-size:22px}.question-reward{font-size:12px;color:var(--text-muted);font-weight:400}.question-timer{position:relative;height:36px;background:#0f0f1cb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);overflow:hidden;margin-bottom:20px;border:1px solid var(--glass-border);flex-shrink:0}.timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary-light));border-radius:var(--radius);transition:width 1s linear;box-shadow:0 0 16px #7c52fb40}.timer-bar.timer-warning{background:linear-gradient(90deg,var(--red),#B91C1C);box-shadow:0 0 16px #ef44444d}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:800;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.6);letter-spacing:1px}.question-clue{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:24px 20px;margin-bottom:24px;text-align:center;box-shadow:var(--card-shadow);flex-shrink:0}.question-clue p{font-size:19px;font-weight:600;line-height:1.5;color:var(--text)}.question-choices{display:flex;flex-direction:column;gap:10px;flex:1}.choice-btn{position:relative;display:flex;align-items:center;gap:14px;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all var(--transition-fast);text-align:left;color:var(--text);font-size:14px;overflow:hidden}.choice-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0}.choice-btn:active{transform:scale(.97);background:#7c52fb26;border-color:var(--glass-border-bright);box-shadow:0 0 20px #7c52fb33,inset 0 0 12px #7c52fb0f}.choice-letter{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#7c52fb26;border:1px solid rgba(124,82,251,.25);font-weight:800;font-size:14px;flex-shrink:0;color:var(--accent-light)}.choice-text{flex:1;line-height:1.35}.result-screen{flex:1;display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .35s ease}.result-header{text-align:center;font-size:34px;font-weight:900;letter-spacing:3px;margin-bottom:8px}.result-correct{background:linear-gradient(135deg,#22c55e,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(34,197,94,.35))}.result-wrong{background:linear-gradient(135deg,#ef4444,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(239,68,68,.35))}.result-reward{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:16px;font-weight:700;margin-bottom:16px;color:var(--gold-light)}.result-reward .token-icon{font-size:20px}.result-category{align-self:center;padding:6px 16px;border-radius:10px;font-size:12px;font-weight:700;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.result-clue{text-align:center;font-size:14px;color:var(--text-dim);margin-bottom:20px;line-height:1.5;padding:0 12px}.result-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.choice-result{opacity:.35;cursor:default}.choice-result.correct{opacity:1;border-color:#22c55e80;background:#22c55e1a;box-shadow:0 0 16px #22c55e1a,inset 0 0 8px #22c55e0d}.choice-result.correct .choice-letter{background:var(--green);border-color:var(--green);color:#000}.choice-result.wrong{opacity:1;border-color:#ef444480;background:#ef44441a;box-shadow:0 0 16px #ef44441a,inset 0 0 8px #ef44440d}.choice-result.wrong .choice-letter{background:var(--red);border-color:var(--red);color:#fff}.btn-continue{position:relative;background:#7c52fb1f;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff;border:1px solid rgba(159,122,234,.4);border-top-color:#c7acff80;padding:16px;border-radius:14px;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition);margin-top:auto;overflow:hidden;box-shadow:0 6px 24px #7c52fb4d,0 0 30px #7c52fb0f,inset 0 1px #ffffff1f}.btn-continue:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);pointer-events:none;border-radius:14px 14px 0 0}.btn-continue:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(159,122,234,.5),transparent);pointer-events:none}.btn-continue:active{transform:scale(.96);background:#7c52fb38}.final-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;animation:fadeIn .5s ease}.final-glow{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 45%),radial-gradient(circle at 40% 60%,rgba(124,82,251,.08) 0%,transparent 50%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite alternate}.final-content{text-align:center;z-index:1;width:100%;max-width:340px}.final-title{font-size:28px;font-weight:900;letter-spacing:4px;margin-bottom:16px;text-transform:uppercase;background:linear-gradient(135deg,var(--text),var(--text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-grade{font-size:72px;font-weight:900;margin-bottom:24px;line-height:1}.grade-S{background:linear-gradient(135deg,#d4af37,#f0d060,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(212,175,55,.4))}.grade-A{background:linear-gradient(135deg,#22c55e,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(34,197,94,.3))}.grade-B{background:linear-gradient(135deg,#2563eb,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(37,99,235,.3))}.grade-C{background:linear-gradient(135deg,#f97316,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(249,115,22,.3))}.grade-D{background:linear-gradient(135deg,#ef4444,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 24px rgba(239,68,68,.3))}.grade-F{color:var(--text-muted);filter:drop-shadow(0 0 16px rgba(100,116,139,.2))}.final-stats{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:32px;box-shadow:var(--card-shadow)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(124,82,251,.08)}.stat-row:last-child{border-bottom:none}.stat-row.highlight{padding:14px 0}.stat-row.highlight .stat-value{font-size:20px;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--text-muted);font-size:13px;letter-spacing:.3px}.stat-value{font-weight:700;font-size:16px}.final-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.btn-play-again{font-size:16px;padding:16px}.btn-exit{position:relative;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-dim);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:14px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),background var(--transition);overflow:hidden}.btn-exit:active{transform:scale(.96);background:#ffffff14}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes cellEntrance{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes choiceSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes correctPulse{0%{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 30px 8px #22c55e26}to{box-shadow:0 0 #22c55e00}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes gradeReveal{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes titleSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes specularSweep{0%{transform:translate(-100%) rotate(25deg)}to{transform:translate(200%) rotate(25deg)}}#game-root:after{content:"";position:absolute;inset:0;filter:url(#noise);opacity:.03;pointer-events:none;z-index:999;mix-blend-mode:overlay}.cell-reward-num{background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 25%,#FFF8DC 50%,var(--gold-light) 75%,var(--gold) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 3s ease-in-out infinite}.board-cell{animation:cellEntrance .35s ease backwards}.board-cell:nth-child(1){animation-delay:.03s}.board-cell:nth-child(2){animation-delay:.06s}.board-cell:nth-child(3){animation-delay:.09s}.board-cell:nth-child(4){animation-delay:.12s}.board-cell:nth-child(5){animation-delay:.12s}.board-cell:nth-child(6){animation-delay:.15s}.board-cell:nth-child(7){animation-delay:.18s}.board-cell:nth-child(8){animation-delay:.21s}.board-cell:nth-child(9){animation-delay:.21s}.board-cell:nth-child(10){animation-delay:.24s}.board-cell:nth-child(11){animation-delay:.27s}.board-cell:nth-child(12){animation-delay:.3s}.board-cell:nth-child(13){animation-delay:.3s}.board-cell:nth-child(14){animation-delay:.33s}.board-cell:nth-child(15){animation-delay:.36s}.board-cell:nth-child(16){animation-delay:.39s}.board-cell:nth-child(17){animation-delay:.39s}.board-cell:nth-child(18){animation-delay:.42s}.board-cell:nth-child(19){animation-delay:.45s}.board-cell:nth-child(20){animation-delay:.48s}.choice-btn{animation:choiceSlideIn .3s ease backwards}.choice-btn:nth-child(1){animation-delay:.05s}.choice-btn:nth-child(2){animation-delay:.12s}.choice-btn:nth-child(3){animation-delay:.19s}.choice-btn:nth-child(4){animation-delay:.26s}.btn-glass:active,.btn-finish:active,.btn-continue:active,.btn-exit:active{animation:btn-bounce .35s ease}.btn-gold:after{content:"";position:absolute;top:-50%;left:-50%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(25deg);animation:specularSweep 4s ease-in-out infinite;pointer-events:none}.title-logo{animation:titleSlideDown .6s ease backwards}.title-subtitle{animation:titleFadeUp .5s ease .15s backwards}.title-categories{animation:titleFadeUp .5s ease .25s backwards}.title-info{animation:titleFadeUp .5s ease .35s backwards}.btn-start{animation:titleFadeUp .5s ease .45s backwards}.choice-result.correct{animation:correctPulse 1.2s ease}.result-header{animation:bounceIn .5s ease}.final-grade{animation:gradeReveal .6s ease .2s backwards}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confettiFall linear forwards}.cat-pill{transition:transform var(--transition-fast),box-shadow var(--transition)}.cat-pill:active{transform:scale(.92)}@media (hover: hover){.board-cell:not(.answered):hover{border-color:var(--cat);box-shadow:0 0 16px color-mix(in srgb,var(--cat) 25%,transparent),inset 0 0 12px color-mix(in srgb,var(--cat) 10%,transparent);transform:translateY(-2px)}.choice-btn:hover{border-color:var(--glass-border-bright);box-shadow:0 0 16px #7c52fb1f;transform:translateY(-1px)}}.progress-fill{position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 8px var(--gold),0 0 16px #d4af374d}.question-screen::-webkit-scrollbar,.result-screen::-webkit-scrollbar{width:3px}.question-screen::-webkit-scrollbar-track,.result-screen::-webkit-scrollbar-track{background:transparent}.question-screen::-webkit-scrollbar-thumb,.result-screen::-webkit-scrollbar-thumb{background:#7c52fb26;border-radius:2px}