:root{--color-primary:#00d4ff;--color-primary-rgb:0, 212, 255;--color-primary-hover:#33ddff;--color-primary-dim:rgba(0, 212, 255, 0.12);--color-primary-glow:rgba(0, 212, 255, 0.2);--color-primary-glow-strong:rgba(0, 212, 255, 0.4);--color-secondary:#a855f7;--color-secondary-rgb:168, 85, 247;--color-secondary-dim:rgba(168, 85, 247, 0.15);--color-accent-blue:#5BA4CF;--color-accent-blue-hover:#6BB8E0;--color-accent-blue-dim:rgba(91, 164, 207, 0.12);--color-accent-blue-glow:rgba(91, 164, 207, 0.2);--color-accent-pink:#D47B9C;--color-accent-green:#6BC47A;--color-accent-gold:#C9A84C;--color-accent-gold-dim:rgba(201, 168, 76, 0.15);--color-accent-red:#ff1744;--color-accent-orange:#ff9800;--color-success:#00e676;--color-success-bg:rgba(0, 230, 118, 0.15);--color-error:#ff1744;--color-error-bg:rgba(255, 23, 68, 0.15);--color-warning:#ff9800;--color-warning-bg:rgba(255, 152, 0, 0.15);--color-info:#3b82f6;--color-info-bg:rgba(59, 130, 246, 0.15);--text-primary:#E8EAED;--text-secondary:#9AA0AB;--text-dim:#5F6570;--text-inverse:#0F1117;--text-white:#ffffff;--text-white-soft:rgba(255, 255, 255, 0.85);--text-white-muted:rgba(255, 255, 255, 0.65);--text-white-dim:rgba(255, 255, 255, 0.55);--text-white-ghost:rgba(255, 255, 255, 0.5);--bg-deep:#0F1117;--bg-deep-alt:#141620;--bg-card:rgba(25, 27, 35, 0.8);--bg-card-solid:#191B23;--bg-surface:rgba(255, 255, 255, 0.04);--bg-surface-hover:rgba(255, 255, 255, 0.06);--bg-surface-active:rgba(255, 255, 255, 0.07);--bg-overlay:rgba(0, 0, 0, 0.5);--border-subtle:rgba(255, 255, 255, 0.08);--border-light:rgba(255, 255, 255, 0.1);--border-medium:rgba(255, 255, 255, 0.12);--border-strong:rgba(255, 255, 255, 0.14);--border-primary:rgba(0, 212, 255, 0.15);--border-primary-medium:rgba(0, 212, 255, 0.2);--border-primary-strong:rgba(0, 212, 255, 0.5);--glass-blur:20px;--glass-blur-strong:32px;--glass-saturate:1.6;--glass-saturate-strong:2.4;--glass-bg:rgba(255, 255, 255, 0.06);--glass-bg-strong:rgba(255, 255, 255, 0.08);--glass-border:rgba(255, 255, 255, 0.12);--glass-border-subtle:rgba(255, 255, 255, 0.08);--glass-highlight:rgba(255, 255, 255, 0.15);--glass-shadow:rgba(0, 0, 0, 0.3);--glass-shadow-strong:0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(255, 255, 255, 0.03);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-2xl:20px;--radius-3xl:24px;--radius-4xl:28px;--radius-5xl:36px;--radius-pill:50%;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.2);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.3);--shadow-xl:0 12px 40px rgba(0, 0, 0, 0.3);--shadow-2xl:0 16px 56px rgba(0, 0, 0, 0.35);--shadow-3xl:0 20px 64px rgba(0, 0, 0, 0.4);--shadow-toolbar:0 -6px 30px rgba(0, 0, 0, 0.5), 0 -2px 0 rgba(0, 212, 255, 0.1);--shadow-glow-primary:0 0 20px rgba(0, 212, 255, 0.15);--shadow-glow-blue:0 0 40px rgba(91, 164, 207, 0.2);--shadow-glow-purple:0 0 60px rgba(139, 92, 246, 0.3);--font-sans:'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', sans-serif;--font-display:'Microsoft YaHei', 'PingFang SC', sans-serif;--font-mono:'SF Mono', 'Fira Code', 'JetBrains Mono', monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:22px;--font-size-4xl:24px;--font-size-5xl:28px;--font-size-6xl:32px;--font-size-7xl:48px;--font-size-8xl:64px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.5px;--letter-spacing-wider:1px;--letter-spacing-widest:2px;--letter-spacing-display:4px;--z-base:1;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-overlay:2000;--z-toolbar:10000;--z-loading:9999;--z-toast:10001;--z-fab:9998;--z-skeleton:99999;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-slower:0.4s cubic-bezier(0.4, 0, 0.2, 1);--transition-spring:0.35s cubic-bezier(0.23, 1, 0.32, 1);--transition-bounce:0.5s cubic-bezier(0.34, 1.56, 0.64, 1);--transition-page:opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                     transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                     visibility 0.45s ease;--gradient-page:linear-gradient(180deg, #0F1117 0%, #141620 50%, #0F1117 100%);--gradient-glass:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 50%, rgba(255,255,255,0.06) 100%);--gradient-title:linear-gradient(180deg, #fff 0%, #e8eaed 50%, #5BA4CF 100%);--gradient-fab:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-toolbar:linear-gradient(to bottom, rgba(12,12,35,0.94), rgba(12,12,35,0.98));--max-width-content:900px;--max-width-card:400px;--toolbar-height:76px;--toolbar-height-safe:calc(76px + env(safe-area-inset-bottom, 0px));--safe-area-top:env(safe-area-inset-top, 0px);--safe-area-bottom:env(safe-area-inset-bottom, 0px);--safe-area-left:env(safe-area-inset-left, 0px);--safe-area-right:env(safe-area-inset-right, 0px);--perspective:1000px;--perspective-origin:50% 40%}.high-contrast{--text-primary:#ffffff;--text-secondary:#e0e0e0;--bg-deep:#000000;--bg-card:#1a1a1a;--border-subtle:#ffffff;--border-light:#ffffff;--border-medium:#ffffff;--color-primary:#ffff00;--color-accent-blue:#ffff00}.low-perf-mode{--glass-blur:8px;--glass-saturate:1.2;--transition-page:none;--shadow-glow-primary:none;--shadow-glow-blue:none}.reduced-motion{--transition-fast:0.01ms;--transition-normal:0.01ms;--transition-slow:0.01ms;--transition-spring:0.01ms;--transition-page:none}:root{--cyber-blue:var(--color-accent-blue, #5BA4CF);--cyber-blue-hover:var(--color-accent-blue-hover, #6BB8E0);--cyber-blue-dim:var(--color-accent-blue-dim, rgba(91, 164, 207, 0.12));--cyber-blue-glow:var(--color-accent-blue-glow, rgba(91, 164, 207, 0.2));--neon-pink:var(--color-accent-pink, #D47B9C);--neon-green:var(--color-accent-green, #6BC47A);--gold:var(--color-accent-gold, #C9A84C);--gold-dim:var(--color-accent-gold-dim, rgba(201, 168, 76, 0.15));--accent-color:var(--color-primary, #00d4ff);--accent-cyan:var(--color-primary, #00d4ff);--accent-purple:var(--color-secondary, #a855f7);--accent-green:var(--color-success, #00e676);--accent-red:var(--color-accent-red, #ff1744);--accent-orange:var(--color-accent-orange, #ff9800);--bg-primary:var(--bg-deep, #0F1117);--bg-secondary:var(--bg-deep-alt, #141620);--border-color:var(--border-light, rgba(255, 255, 255, 0.1))}:root{--color-disaster-earthquake:#FF7A59;--color-disaster-earthquake-rgb:255, 122, 89;--color-disaster-flood:#3DA5F4;--color-disaster-flood-rgb:61, 165, 244;--color-disaster-fire:#FF5252;--color-disaster-fire-rgb:255, 82, 82;--color-disaster-typhoon:#2DD4BF;--color-disaster-typhoon-rgb:45, 212, 191;--color-disaster-tsunami:#1E88E5;--color-disaster-tsunami-rgb:30, 136, 229;--color-disaster-landslide:#C3925B;--color-disaster-landslide-rgb:195, 146, 91;--color-disaster-tornado:#B388FF;--color-disaster-tornado-rgb:179, 136, 255;--color-disaster-drought:#F4C430;--color-disaster-drought-rgb:244, 196, 48;--color-disaster-lightning:#FFD93D;--color-disaster-lightning-rgb:255, 217, 61;--color-disaster-avalanche:#DCE6F0;--color-disaster-avalanche-rgb:220, 230, 240;--color-disaster-volcano:#FF6B35;--color-disaster-volcano-rgb:255, 107, 53;--color-disaster-hail:#7FD3FF;--color-disaster-hail-rgb:127, 211, 255;--disaster-color-soft:rgba(255, 255, 255, 0.06);--disaster-border-soft:rgba(255, 255, 255, 0.1);--color-focus-ring:rgba(0, 212, 255, 0.55);--color-on-primary:#06121A;--color-on-accent:#0F1117;--surface-1:rgba(255, 255, 255, 0.05);--surface-2:rgba(255, 255, 255, 0.07);--surface-3:rgba(255, 255, 255, 0.09);--surface-hover:rgba(255, 255, 255, 0.1);--gradient-cta:linear-gradient(135deg, #00d4ff 0%, #5BA4CF 50%, #a855f7 100%);--gradient-success:linear-gradient(135deg, #00e676 0%, #6BC47A 100%);--gradient-danger:linear-gradient(135deg, #ff5252 0%, #ff1744 100%);--gradient-warm:linear-gradient(135deg, #FF7A59 0%, #FFD93D 100%);--shadow-focus:0 0 0 3px var(--color-focus-ring), 0 0 20px rgba(0, 212, 255, 0.18);--reading-line-height:1.75;--reading-letter-spacing:0.01em;--reading-paragraph-gap:0.85em;--reading-max-width:42em}
:focus-visible{outline:3px solid #3b82f6!important;outline-offset:2px!important;border-radius:4px}button:focus-visible,.mode-btn:focus-visible,.menu-cat-btn:focus-visible,.tool-btn:focus-visible,.quiz-opt:focus-visible,.choice-btn:focus-visible{outline:3px solid #3b82f6!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(59,130,246,.3)!important}.high-contrast{--text-primary:#ffffff;--text-secondary:#e0e0e0;--bg-primary:#000000;--bg-secondary:#1a1a1a;--border-color:#ffffff;--accent-color:#ffff00}.high-contrast body{background:#000!important;color:#fff!important}.high-contrast .page{background:#000!important}.high-contrast .mode-btn,.high-contrast .menu-cat-btn,.high-contrast .tool-btn{border:2px solid #fff!important;background:#1a1a1a!important;color:#fff!important}.high-contrast .mode-btn:hover,.high-contrast .menu-cat-btn:hover,.high-contrast .tool-btn:hover{background:#333!important;border-color:#ff0!important}.high-contrast .quiz-opt,.high-contrast .choice-btn{border:2px solid #fff!important;background:#1a1a1a!important;color:#fff!important}.high-contrast .quiz-opt:hover,.high-contrast .choice-btn:hover{background:#333!important;border-color:#ff0!important}.high-contrast .quiz-opt.correct,.high-contrast .choice-btn.correct{background:#006400!important;border-color:#0f0!important}.high-contrast .quiz-opt.wrong,.high-contrast .choice-btn.wrong{background:#640000!important;border-color:red!important}.high-contrast .menu-toolbar{background:#000!important;border-top:2px solid #fff!important}.high-contrast .tool-btn{color:#fff!important}.high-contrast .tool-btn.active{color:#ff0!important}.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced-motion .bg-orb{animation:none!important}.reduced-motion .bg-gradient{animation:none!important}.reduced-motion .page{transition:none!important}.touch-device .mode-btn,.touch-device .menu-cat-btn,.touch-device .tool-btn,.touch-device .quiz-opt,.touch-device .choice-btn{min-height:48px;min-width:48px}.touch-device .menu-toolbar{padding:8px!important}.touch-device .tool-btn{padding:8px 12px!important}.touch-device .mode-btn:hover,.touch-device .menu-cat-btn:hover,.touch-device .tool-btn:hover{transform:none!important}.touch-device .mode-btn:active,.touch-device .menu-cat-btn:active,.touch-device .tool-btn:active,.touch-device .quiz-opt:active,.touch-device .choice-btn:active{transform:scale(.95)!important;opacity:.8!important}.low-perf-mode .bg-orb{display:none!important}.low-perf-mode .bg-gradient{animation:none!important}.low-perf-mode .bg-grid{display:none!important}.low-perf-mode .bg-noise{display:none!important}.low-perf-mode .page::before,.low-perf-mode .page::after{display:none!important}.low-perf-mode .mode-btn,.low-perf-mode .menu-cat-btn{animation:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media print{.bg-orb,.bg-gradient,.bg-grid,.bg-noise,.menu-toolbar,.back-float{display:none!important}.page{background:#fff!important;color:#000!important}.mode-btn,.menu-cat-btn{border:1px solid #ccc!important;background:#fff!important;color:#000!important}}@media (max-width:768px){.menu-category-btns{flex-direction:column;gap:12px}.menu-cat-btn{width:100%}.menu-grid{grid-template-columns:1fr!important}.mode-btn{width:100%}.menu-toolbar{padding:4px!important}.tool-btn{font-size:9px!important;min-width:40px!important}.tool-btn .icon{font-size:16px!important}}@media (max-width:480px){.page{padding-left:12px!important;padding-right:12px!important}.game-header{font-size:1.2em!important}.quiz-opt,.choice-btn{padding:12px!important;font-size:14px!important}}.ai-fab{position:fixed!important;bottom:80px!important;right:20px!important;z-index:9998!important;width:56px!important;height:56px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:0!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 40px rgba(139,92,246,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;pointer-events:auto!important;animation:ai-fab-pulse 3s ease-in-out infinite!important}.ai-fab:hover{transform:scale(1.1)!important;box-shadow:0 6px 30px rgba(59,130,246,.6),0 0 60px rgba(139,92,246,.3)!important}.ai-fab:active{transform:scale(.95)!important}.ai-fab-badge{position:absolute!important;top:-2px!important;right:-2px!important;width:16px!important;height:16px!important;background:#ef4444!important;border-radius:50%!important;border:2px solid #0f172a!important;animation:ai-fab-badge-pulse 2s ease-in-out infinite!important}.ai-float-panel{position:fixed!important;bottom:150px!important;right:20px!important;width:380px!important;max-height:520px!important;z-index:9997!important;background:rgba(15,23,42,.92)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.1)!important;display:none!important;flex-direction:column!important;overflow:hidden!important;pointer-events:auto!important;animation:ai-panel-slide-in .3s cubic-bezier(.4,0,.2,1)!important}.ai-float-panel.active{display:flex!important}.ai-float-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))!important}.ai-float-header-left{display:flex!important;align-items:center!important;gap:10px!important}.ai-float-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}.ai-float-title{font-size:14px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important}.ai-float-subtitle{font-size:11px!important;color:rgba(255,255,255,.5)!important}.ai-float-close{width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.6)!important;font-size:14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.ai-float-close:hover{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.9)!important}.ai-float-tabs{display:flex!important;padding:8px 12px!important;gap:4px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.ai-float-tab{flex:1!important;padding:8px 4px!important;border:0!important;border-radius:8px!important;background:0 0!important;color:rgba(255,255,255,.5)!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important}.ai-float-tab:hover{background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.8)!important}.ai-float-tab.active{background:rgba(59,130,246,.15)!important;color:#60a5fa!important;font-weight:600!important}.ai-float-body{flex:1!important;overflow-y:auto!important;padding:16px!important;max-height:360px!important}.ai-float-body::-webkit-scrollbar{width:4px!important}.ai-float-body::-webkit-scrollbar-track{background:0 0!important}.ai-float-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)!important;border-radius:2px!important}.ai-msg{margin-bottom:12px!important;animation:ai-msg-fade-in .3s ease!important}.ai-msg-bot{display:flex!important;gap:8px!important}.ai-msg-bot .ai-msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;flex-shrink:0!important}.ai-msg-bot .ai-msg-bubble{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px 12px 12px 4px!important;padding:10px 14px!important;font-size:13px!important;color:rgba(255,255,255,.85)!important;line-height:1.6!important;max-width:280px!important}.ai-msg-user{display:flex!important;justify-content:flex-end!important}.ai-msg-user .ai-msg-bubble{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2))!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:12px 12px 4px 12px!important;padding:10px 14px!important;font-size:13px!important;color:rgba(255,255,255,.9)!important;line-height:1.6!important;max-width:280px!important}.ai-quick-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}.ai-quick-btn{padding:6px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.7)!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important}.ai-quick-btn:hover{background:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.3)!important;color:#60a5fa!important}.ai-radar-container{display:flex!important;flex-direction:column!important;align-items:center!important;padding:8px 0!important}.ai-radar-container canvas{max-width:200px!important;max-height:200px!important}.ai-mastery-list{width:100%!important;margin-top:12px!important}.ai-mastery-item{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 0!important;font-size:12px!important;color:rgba(255,255,255,.7)!important}.ai-mastery-bar{flex:1!important;height:4px!important;background:rgba(255,255,255,.08)!important;border-radius:2px!important;overflow:hidden!important}.ai-mastery-bar-fill{height:100%!important;border-radius:2px!important;transition:width .5s ease!important}.ai-recommend-card{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:12px!important;margin-bottom:8px!important;cursor:pointer!important;transition:all .2s ease!important}.ai-recommend-card:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(59,130,246,.3)!important}.ai-recommend-title{font-size:13px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;margin-bottom:4px!important}.ai-recommend-desc{font-size:11px!important;color:rgba(255,255,255,.5)!important}.ai-float-footer{padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex!important;gap:8px!important}.ai-float-input{flex:1!important;padding:8px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.9)!important;font-size:13px!important;outline:0!important;transition:all .2s ease!important}.ai-float-input:focus{border-color:rgba(59,130,246,.4)!important;background:rgba(255,255,255,.06)!important}.ai-float-input::placeholder{color:rgba(255,255,255,.3)!important}.ai-float-send{width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.ai-float-send:hover{transform:scale(1.05)!important;box-shadow:0 4px 15px rgba(59,130,246,.4)!important}@media (max-width:480px){.ai-float-panel{width:calc(100vw - 24px)!important;right:12px!important;bottom:140px!important;max-height:60vh!important}.ai-fab{bottom:72px!important;right:12px!important;width:48px!important;height:48px!important;font-size:20px!important}}#page-ai-tutor{padding:0!important;max-width:100%;margin:0 auto;overflow-y:auto;background:0 0}#aiTutorContent{width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.ai-header-card{flex-shrink:0;position:relative;overflow:hidden;border-radius:20px;padding:20px;background:linear-gradient(135deg,rgba(96,165,250,.08)0,rgba(167,139,250,.06) 50%,rgba(59,130,246,.04) 100%);border:1px solid rgba(96,165,250,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);animation:cardFadeIn .6s ease-out}.ai-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-identity{display:flex;align-items:center;gap:12px}.ai-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(96,165,250,.3);position:relative}.ai-avatar::after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#10b981;border:2px solid rgba(15,23,42,.8);animation:pulse-ring 2s ease-in-out infinite}.ai-title-group h3{font-size:15px;font-weight:600;color:#f8fafc;margin:0 0 2px 0}.ai-title-group p{font-size:12px;color:rgba(148,163,184,.8);margin:0}.ai-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);color:#34d399;display:flex;align-items:center;gap:4px}.ai-badge-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:dotPulse 1.5s ease-in-out infinite}.ai-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .2s ease}.stat-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateY(-1px)}.stat-value{font-size:22px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-label{font-size:11px;color:rgba(148,163,184,.7);font-weight:500}.radar-card{flex-shrink:0;border-radius:20px;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:cardFadeIn .6s ease-out .1s both}.radar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.radar-header h3{font-size:14px;font-weight:600;color:#f8fafc;margin:0;display:flex;align-items:center;gap:6px}.radar-legend-toggle{font-size:11px;color:rgba(148,163,184,.6);cursor:pointer;transition:color .2s}.radar-legend-toggle:hover{color:#60a5fa}#radarCanvas{display:block;margin:0 auto;max-width:100%;height:auto}.radar-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;font-size:11px;color:rgba(148,163,184,.8);transition:all .2s}.legend-item:hover{background:rgba(255,255,255,.04)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.legend-label{flex:1;white-space:nowrap}.legend-value{font-weight:600;font-size:11px;color:rgba(248,250,252,.7)}.diagnosis-card{flex-shrink:0;border-radius:20px;padding:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);animation:cardFadeIn .6s ease-out .2s both}.diagnosis-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.diagnosis-header h3{font-size:14px;font-weight:600;color:#f8fafc;margin:0}.diagnosis-alert{display:flex;flex-direction:column;gap:10px}.diagnosis-summary{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12)}.diagnosis-icon{width:32px;height:32px;border-radius:10px;background:rgba(239,68,68,.15);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.diagnosis-content h4{font-size:13px;font-weight:600;color:#fca5a5;margin:0 0 4px 0}.diagnosis-content p{font-size:12px;color:rgba(148,163,184,.7);margin:0;line-height:1.5}.weak-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.weak-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:500;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5;cursor:pointer;transition:all .2s}.weak-tag:hover{background:rgba(239,68,68,.18);transform:translateY(-1px);box-shadow:0 2px 8px rgba(239,68,68,.15)}.weak-tag-icon{font-size:14px}.weak-tag-pct{font-weight:700;font-size:11px}.diagnosis-good{display:flex;align-items:center;gap:10px;padding:14px;border-radius:12px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.12)}.diagnosis-good-icon{width:36px;height:36px;border-radius:12px;background:rgba(16,185,129,.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.diagnosis-good-text{font-size:13px;color:rgba(148,163,184,.8);line-height:1.5}.diagnosis-empty{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.diagnosis-empty-icon{width:56px;height:56px;border-radius:16px;background:rgba(96,165,250,.1);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px}.diagnosis-empty-text{font-size:13px;color:rgba(148,163,184,.6);line-height:1.6}.diagnosis-empty-text strong{color:#60a5fa;font-weight:600}.terminal-card{flex-shrink:0;border-radius:20px;overflow:hidden;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:cardFadeIn .6s ease-out .3s both}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05)}.terminal-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f8fafc}.terminal-title-icon{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:12px}.terminal-actions{display:flex;gap:6px}.terminal-action-btn{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(148,163,184,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s}.terminal-action-btn:hover{background:rgba(255,255,255,.08);color:#f8fafc}.terminal-action-btn.llm-active{background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.15));border-color:rgba(96,165,250,.4);color:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.2)}.terminal-body{height:220px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.terminal-body::-webkit-scrollbar{width:4px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.terminal-msg{display:flex;gap:8px;max-width:92%;animation:msgFadeIn .3s ease-out}.user-msg{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}.ai-msg .msg-avatar{background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.2));border:1px solid rgba(96,165,250,.3)}.user-msg .msg-avatar{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.msg-bubble{padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;color:rgba(248,250,252,.85)}.ai-msg .msg-bubble{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-top-left-radius:4px}.user-msg .msg-bubble{background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(167,139,250,.12));border:1px solid rgba(96,165,250,.2);border-top-right-radius:4px}.terminal-input-area{padding:12px 14px;border-top:1px solid rgba(255,255,255,.05)}.terminal-input-wrapper{display:flex;gap:8px;align-items:center}.terminal-input{flex:1;padding:10px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f8fafc;font-size:13px;outline:0;transition:all .2s}.terminal-input:focus{border-color:rgba(96,165,250,.4);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.terminal-input::placeholder{color:rgba(148,163,184,.4)}.terminal-send-btn{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#a78bfa);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s;box-shadow:0 2px 8px rgba(96,165,250,.3)}.terminal-send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(96,165,250,.4)}.terminal-send-btn:active{transform:translateY(0)}.terminal-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.05)}.suggestion-btn{padding:6px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(148,163,184,.7);font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.suggestion-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.3);color:#60a5fa;transform:translateY(-1px)}.actions-card{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:cardFadeIn .6s ease-out .4s both}.action-btn{padding:14px 16px;border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.action-btn-icon{font-size:20px}.action-btn-text{font-size:12px}.action-btn-primary{background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.15));border:1px solid rgba(96,165,250,.3);color:#93c5fd;box-shadow:0 2px 12px rgba(96,165,250,.15)}.action-btn-primary:hover{background:linear-gradient(135deg,rgba(96,165,250,.28),rgba(167,139,250,.22));transform:translateY(-2px);box-shadow:0 4px 16px rgba(96,165,250,.25)}.action-btn-secondary{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:rgba(148,163,184,.8)}.action-btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#f8fafc;transform:translateY(-2px)}.ai-typing{display:flex;gap:4px;padding:12px 14px}.ai-typing-dot{width:6px;height:6px;border-radius:50%;background:rgba(96,165,250,.5);animation:typingBounce 1.4s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@media (max-width:480px){#aiTutorContent{padding:12px}.ai-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:10px 8px}.stat-value{font-size:18px}.radar-legend{grid-template-columns:repeat(2,1fr)}.suggestion-btn{font-size:11px;padding:5px 10px}}.ai-llm-loading{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(96,165,250,.06);border:1px solid rgba(96,165,250,.15);animation:msgFadeIn .3s ease-out}.ai-llm-loading-icon{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.2));display:flex;align-items:center;justify-content:center;font-size:14px;animation:pulse-ring 2s ease-in-out infinite}.ai-llm-loading-text{font-size:12px;color:rgba(148,163,184,.8);line-height:1.5}.ai-llm-loading-text .llm-progress{display:block;margin-top:4px;font-size:11px;color:#60a5fa;font-weight:500}.ai-msg.ai-llm .msg-bubble{background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(167,139,250,.06));border:1px solid rgba(96,165,250,.15);border-top-left-radius:4px}.ai-msg.ai-llm .msg-avatar{background:linear-gradient(135deg,rgba(96,165,250,.3),rgba(167,139,250,.25));border:1px solid rgba(96,165,250,.4);box-shadow:0 0 10px rgba(96,165,250,.2)}.ai-msg.ai-kb .msg-bubble{background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.1);border-top-left-radius:4px}.ai-msg.ai-kb .msg-avatar{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(52,211,153,.15));border:1px solid rgba(16,185,129,.3)}.ai-llm-toggle-btn{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(148,163,184,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;margin-right:4px}.ai-llm-toggle-btn:hover{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3);color:#60a5fa}.ai-llm-toggle-btn.llm-active{background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.15));border-color:rgba(96,165,250,.4);color:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.2)}.ai-llm-toggle-btn.llm-loading{animation:pulse-ring 1.5s ease-in-out infinite;pointer-events:none;opacity:.7}.ai-quick-btn-llm{background:linear-gradient(135deg,rgba(96,165,250,.1),rgba(167,139,250,.08))!important;border-color:rgba(96,165,250,.25)!important;color:#93c5fd!important;font-weight:500}.ai-quick-btn-llm:hover{background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(167,139,250,.15))!important;border-color:rgba(96,165,250,.4)!important;color:#bfdbfe!important}.terminal-actions{display:flex;gap:6px;align-items:center}.ai-llm-system{display:flex;align-items:center;justify-content:center;padding:8px 14px;margin:4px 0}.ai-llm-system-text{font-size:11px;color:rgba(148,163,184,.5);text-align:center;padding:4px 12px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04)}.ai-kb-source{display:inline-block;font-size:10px;color:rgba(16,185,129,.6);margin-top:6px;padding:2px 8px;border-radius:6px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.1)}.ai-llm-fallback{font-size:11px;color:rgba(251,191,36,.7);margin-top:6px;padding:4px 8px;border-radius:6px;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.1);display:flex;align-items:center;gap:4px}@media (max-width:480px){.ai-llm-toggle-btn{width:28px;height:28px;font-size:12px}.ai-llm-loading{padding:10px 12px}.ai-llm-loading-text{font-size:11px}}html,body{background:0 0!important}.bg-gradient{background:0 0!important}#bgCanvas{background:0 0!important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.bg-gradient{background:radial-gradient(ellipse 80% 50%at 50%0,rgba(59,130,246,.18)0,transparent 60%),radial-gradient(ellipse 60% 40%at 15% 85%,rgba(251,146,60,.08)0,transparent 50%),radial-gradient(ellipse 50% 40%at 85% 15%,rgba(167,139,250,.1)0,transparent 50%),radial-gradient(ellipse 40% 40%at 50% 50%,rgba(56,189,248,.05)0,transparent 60%),linear-gradient(180deg,#0f172a 0,#111827 20%,#0f172a 50%,#1a1f2e 80%,#0f172a 100%)!important;animation:bgShift 40s ease-in-out infinite!important}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(140px);opacity:.5}.bg-orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(59,130,246,.18)0,rgba(99,102,241,.05) 40%,transparent 70%);top:-15%;left:25%;animation:orbFloat1 30s ease-in-out infinite}.bg-orb-2{width:550px;height:550px;background:radial-gradient(circle,rgba(251,146,60,.09)0,rgba(245,158,11,.03) 40%,transparent 70%);bottom:-10%;right:-5%;animation:orbFloat2 40s ease-in-out infinite}.bg-orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(167,139,250,.1)0,rgba(139,92,246,.03) 40%,transparent 70%);top:35%;left:-10%;animation:orbFloat3 35s ease-in-out infinite}.bg-orb-4{width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,.07)0,rgba(14,165,233,.02) 40%,transparent 70%);bottom:20%;left:30%;animation:orbFloat4 25s ease-in-out infinite}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px,40px 40px,160px 160px,160px 160px;mask-image:radial-gradient(ellipse 60% 50%at 50% 50%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 60% 50%at 50% 50%,#000 10%,transparent 70%)}.bg-noise{opacity:.035!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")!important;background-size:512px 512px;mix-blend-mode:overlay}.bg-top-bar{position:fixed;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(59,130,246,.5) 15%,rgba(56,189,248,.6) 35%,rgba(167,139,250,.5) 65%,rgba(251,146,60,.4) 85%,transparent 100%);z-index:10;pointer-events:none;box-shadow:0 0 15px rgba(59,130,246,.3),0 1px 3px rgba(56,189,248,.2);animation:topBarPulse 8s ease-in-out infinite}.bg-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 85% 65%at 50% 45%,transparent 25%,rgba(6,8,12,.55) 100%)}.bg-bottom-glow{position:fixed;bottom:-5%;left:20%;right:20%;height:200px;background:radial-gradient(ellipse 100% 100%at 50% 100%,rgba(59,130,246,.04)0,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}#bgCanvas{opacity:.8!important;pointer-events:none;z-index:0}#page-menu{position:relative;z-index:2;overflow-x:hidden}#page-menu::before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(59,130,246,.08)0,transparent 55%);pointer-events:none;z-index:-1;animation:menuSpotlight 12s ease-in-out infinite}.menu-particles{display:none!important}.menu-logo-glow{display:none!important}@media (max-width:768px){.bg-orb{filter:blur(80px)!important;opacity:.5!important}.bg-orb-1{width:350px;height:350px}.bg-orb-2{width:300px;height:300px}.bg-orb-3{width:250px;height:250px}.bg-orb-4{width:200px;height:200px}.bg-grid{background-size:25px 25px,25px 25px,100px 100px,100px 100px}}body,html{transition:background 1.2s ease,color .8s ease}.bg-theme-layer{position:fixed;inset:0;z-index:-10;pointer-events:none;transition:all 1.2s ease}body.theme-deep-space .bg-theme-layer{background:radial-gradient(ellipse 80% 50%at 50%0,rgba(59,130,246,.18)0,transparent 60%),radial-gradient(ellipse 60% 40%at 15% 85%,rgba(251,146,60,.08)0,transparent 50%),radial-gradient(ellipse 50% 40%at 85% 15%,rgba(167,139,250,.1)0,transparent 50%),radial-gradient(ellipse 40% 40%at 50% 50%,rgba(56,189,248,.05)0,transparent 60%),linear-gradient(180deg,#0f172a 0,#111827 20%,#0f172a 50%,#1a1f2e 80%,#0f172a 100%)}body.theme-deep-space .bg-orb-1{background:radial-gradient(circle,rgba(59,130,246,.18)0,transparent 70%)}body.theme-deep-space .bg-orb-2{background:radial-gradient(circle,rgba(251,146,60,.09)0,transparent 70%)}body.theme-deep-space .bg-orb-3{background:radial-gradient(circle,rgba(167,139,250,.1)0,transparent 70%)}body.theme-deep-space .bg-orb-4{background:radial-gradient(circle,rgba(56,189,248,.07)0,transparent 70%)}body.theme-starry-night{--text-primary:#E8EAF6;--text-secondary:rgba(232, 234, 246, 0.7)}body.theme-starry-night .bg-theme-layer{background:radial-gradient(ellipse 60% 40%at 20% 30%,rgba(99,102,241,.12)0,transparent 50%),radial-gradient(ellipse 50% 30%at 80% 70%,rgba(59,130,246,.08)0,transparent 50%),linear-gradient(180deg,#020617 0,#0b1120 30%,#0f172a 60%,#0b1120 100%)}body.theme-starry-night .bg-stars{position:fixed;inset:0;z-index:-9;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 230px 80px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 50px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 450px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 500px 200px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 600px 60px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 700px 180px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 80px 250px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 200px 300px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 400px 280px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 550px 320px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 680px 260px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 750px 350px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 100px 400px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 300px 420px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 500px 450px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 650px 480px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 250px 500px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 450px 520px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 580px 550px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 720px 580px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 150px 600px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 620px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 480px 650px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 620px 680px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 80px 700px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 280px 720px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 420px 750px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 560px 780px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 200px 800px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 380px 820px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 520px 850px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 660px 880px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 120px 900px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 320px 920px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 460px 950px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 600px 980px,rgba(255,255,255,.5),transparent);background-size:800px 1000px;animation:starTwinkle 4s ease-in-out infinite alternate}body.theme-starry-night .bg-meteor{position:fixed;width:2px;height:2px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 6px rgba(255,255,255,.4),0 0 12px rgba(168,85,247,.2);z-index:-8;pointer-events:none}body.theme-starry-night .bg-meteor-1{top:10%;right:30%;animation:meteorFall1 8s ease-in infinite 2s}body.theme-starry-night .bg-meteor-2{top:20%;right:60%;animation:meteorFall2 12s ease-in infinite 5s}body.theme-starry-night .bg-meteor-3{top:5%;right:80%;animation:meteorFall3 10s ease-in infinite 8s}body.theme-starry-night .bg-orb-1{background:radial-gradient(circle,rgba(99,102,241,.15)0,transparent 70%)}body.theme-starry-night .bg-orb-2{background:radial-gradient(circle,rgba(59,130,246,.08)0,transparent 70%)}body.theme-starry-night .bg-orb-3{background:radial-gradient(circle,rgba(168,85,247,.1)0,transparent 70%)}body.theme-starry-night .bg-orb-4{display:none}body.theme-aurora-flow{--text-primary:#E0F2F1;--text-secondary:rgba(224, 242, 241, 0.7)}body.theme-aurora-flow .bg-theme-layer{background:radial-gradient(ellipse 80% 50%at 50%0,rgba(0,255,150,.12)0,transparent 60%),radial-gradient(ellipse 60% 40%at 20% 80%,rgba(168,85,247,.1)0,transparent 50%),radial-gradient(ellipse 50% 30%at 80% 20%,rgba(0,212,255,.1)0,transparent 50%),linear-gradient(180deg,#0b1a1a 0,#0a1f2e 30%,#0b1a2e 60%,#0d1f1f 100%)}body.theme-aurora-flow .bg-aurora{position:fixed;inset:0;z-index:-9;pointer-events:none;overflow:hidden}body.theme-aurora-flow .aurora-band{position:absolute;width:200%;height:60px;left:-50%;filter:blur(40px);opacity:.6;animation:auroraWave 8s ease-in-out infinite}body.theme-aurora-flow .aurora-band-1{top:15%;background:linear-gradient(90deg,transparent,rgba(0,255,150,.3),rgba(0,212,255,.2),transparent);animation-delay:0s}body.theme-aurora-flow .aurora-band-2{top:25%;background:linear-gradient(90deg,transparent,rgba(168,85,247,.25),rgba(0,255,150,.15),transparent);animation-delay:-3s;animation-duration:10s}body.theme-aurora-flow .aurora-band-3{top:40%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),rgba(168,85,247,.15),transparent);animation-delay:-6s;animation-duration:12s}body.theme-aurora-flow .bg-orb-1{background:radial-gradient(circle,rgba(0,255,150,.15)0,transparent 70%)}body.theme-aurora-flow .bg-orb-2{background:radial-gradient(circle,rgba(168,85,247,.1)0,transparent 70%)}body.theme-aurora-flow .bg-orb-3{background:radial-gradient(circle,rgba(0,212,255,.12)0,transparent 70%)}body.theme-aurora-flow .bg-orb-4{background:radial-gradient(circle,rgba(0,255,150,.08)0,transparent 70%)}body.theme-dawn-light{--text-primary:#1E293B;--text-secondary:rgba(30, 41, 59, 0.7)}body.theme-dawn-light .bg-theme-layer{background:radial-gradient(ellipse 70% 50%at 50%0,rgba(251,146,60,.2)0,transparent 60%),radial-gradient(ellipse 50% 40%at 80% 20%,rgba(245,158,11,.12)0,transparent 50%),radial-gradient(ellipse 60% 30%at 20% 80%,rgba(59,130,246,.1)0,transparent 50%),linear-gradient(180deg,#fff7ed 0,#fef3c7 15%,#fde68a 35%,#bfdbfe 60%,#93c5fd 80%,#60a5fa 100%)}body.theme-dawn-light .bg-orb-1{background:radial-gradient(circle,rgba(251,146,60,.2)0,transparent 70%)}body.theme-dawn-light .bg-orb-2{background:radial-gradient(circle,rgba(245,158,11,.12)0,transparent 70%)}body.theme-dawn-light .bg-orb-3{background:radial-gradient(circle,rgba(59,130,246,.1)0,transparent 70%)}body.theme-dawn-light .bg-orb-4{background:radial-gradient(circle,rgba(251,146,60,.08)0,transparent 70%)}body.theme-dawn-light .bg-grid{display:none}body.theme-dawn-light .bg-noise{opacity:.02!important}body.theme-dawn-light .bg-top-bar{background:linear-gradient(90deg,transparent,rgba(251,146,60,.5),rgba(245,158,11,.6),rgba(59,130,246,.5),transparent)}body.theme-digital-matrix{--text-primary:#E8F5E9;--text-secondary:rgba(232, 245, 233, 0.7)}body.theme-digital-matrix .bg-theme-layer{background:radial-gradient(ellipse 60% 40%at 30% 50%,rgba(0,230,118,.06)0,transparent 50%),linear-gradient(180deg,#000 0,#001a00 30%,#000a00 60%,#001200 100%)}body.theme-digital-matrix .bg-matrix{position:fixed;inset:0;z-index:-9;pointer-events:none;overflow:hidden;opacity:.15}body.theme-digital-matrix .matrix-col{position:absolute;top:-100%;font-family:"Courier New",monospace;font-size:14px;line-height:1.4;color:#00e676;text-shadow:0 0 8px rgba(0,230,118,.5);white-space:pre;animation:matrixFall linear infinite}body.theme-digital-matrix .bg-orb-1{background:radial-gradient(circle,rgba(0,230,118,.1)0,transparent 70%)}body.theme-digital-matrix .bg-orb-2{background:radial-gradient(circle,rgba(0,230,118,.06)0,transparent 70%)}body.theme-digital-matrix .bg-orb-3{background:radial-gradient(circle,rgba(0,230,118,.08)0,transparent 70%)}body.theme-digital-matrix .bg-orb-4{display:none}body.theme-digital-matrix .bg-grid{background-image:linear-gradient(rgba(0,230,118,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,230,118,.04) 1px,transparent 1px);mask-image:none;-webkit-mask-image:none;opacity:.3}body.theme-digital-matrix .bg-top-bar{background:linear-gradient(90deg,transparent,rgba(0,230,118,.5),transparent);box-shadow:0 0 15px rgba(0,230,118,.3)}body.theme-warm-light{--text-primary:#3E2723;--text-secondary:rgba(62, 39, 35, 0.7)}body.theme-warm-light .bg-theme-layer{background:radial-gradient(ellipse 70% 50%at 50%0,rgba(251,191,36,.15)0,transparent 60%),radial-gradient(ellipse 50% 40%at 20% 80%,rgba(245,158,11,.08)0,transparent 50%),radial-gradient(ellipse 60% 30%at 80% 30%,rgba(251,146,60,.06)0,transparent 50%),linear-gradient(180deg,#fff8f0 0,#ffedd5 20%,#fed7aa 40%,#fdba74 60%,#fb923c 80%,#f97316 100%)}body.theme-warm-light .bg-orb-1{background:radial-gradient(circle,rgba(251,191,36,.15)0,transparent 70%)}body.theme-warm-light .bg-orb-2{background:radial-gradient(circle,rgba(245,158,11,.1)0,transparent 70%)}body.theme-warm-light .bg-orb-3{background:radial-gradient(circle,rgba(251,146,60,.08)0,transparent 70%)}body.theme-warm-light .bg-orb-4{background:radial-gradient(circle,rgba(251,191,36,.06)0,transparent 70%)}body.theme-warm-light .bg-grid{display:none}body.theme-warm-light .bg-noise{opacity:.015!important}body.theme-warm-light .bg-top-bar{background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),rgba(245,158,11,.6),rgba(251,146,60,.5),transparent)}body.theme-starry-night .game-header .mode-label,body.theme-aurora-flow .game-header .mode-label,body.theme-digital-matrix .game-header .mode-label{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}body.theme-dawn-light .game-header .mode-label,body.theme-warm-light .game-header .mode-label{color:#1e293b;text-shadow:none}body.theme-dawn-light .mode-desc,body.theme-warm-light .mode-desc{color:rgba(30,41,59,.6)}body.theme-starry-night .mode-desc,body.theme-aurora-flow .mode-desc,body.theme-digital-matrix .mode-desc{color:rgba(255,255,255,.6)}body.theme-dawn-light .mode-btn,body.theme-warm-light .mode-btn{background:linear-gradient(135deg,rgba(255,255,255,.6)0,rgba(255,255,255,.4) 100%);border:1px solid rgba(255,255,255,.5);color:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8)}body.theme-dawn-light .mode-btn:hover,body.theme-warm-light .mode-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.8)0,rgba(255,255,255,.6) 100%);box-shadow:0 8px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.9)}body.theme-dawn-light .menu-toolbar,body.theme-warm-light .menu-toolbar{background:linear-gradient(180deg,rgba(255,255,255,.85)0,rgba(255,255,255,.95) 100%)!important;border-top:1px solid rgba(0,0,0,.08)!important;box-shadow:0-4px 30px rgba(0,0,0,.1)!important}body.theme-dawn-light .back-float,body.theme-warm-light .back-float{background:rgba(255,255,255,.6)!important;border:1px solid rgba(0,0,0,.1)!important;color:#1e293b!important}body.theme-dawn-light .ai-float-panel,body.theme-warm-light .ai-float-panel{background:rgba(255,255,255,.85)!important;border:1px solid rgba(0,0,0,.1)!important}body.theme-dawn-light .ai-float-title,body.theme-warm-light .ai-float-title{color:#1e293b!important}body.theme-dawn-light .ai-float-subtitle,body.theme-warm-light .ai-float-subtitle{color:rgba(30,41,59,.5)!important}body.theme-dawn-light .ai-msg-bot .ai-msg-bubble,body.theme-warm-light .ai-msg-bot .ai-msg-bubble{background:rgba(0,0,0,.05)!important;color:#1e293b!important;border:1px solid rgba(0,0,0,.08)!important}body.theme-dawn-light .ai-msg-user .ai-msg-bubble,body.theme-warm-light .ai-msg-user .ai-msg-bubble{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(167,139,250,.15))!important;color:#1e293b!important;border:1px solid rgba(59,130,246,.2)!important}body.theme-dawn-light .ai-quick-btn,body.theme-warm-light .ai-quick-btn{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.1)!important;color:#1e293b!important}body.theme-dawn-light .ai-quick-btn:hover,body.theme-warm-light .ai-quick-btn:hover{background:rgba(59,130,246,.1)!important;border-color:rgba(59,130,246,.3)!important;color:#3b82f6!important}body.theme-dawn-light .ai-float-input,body.theme-warm-light .ai-float-input{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.1)!important;color:#1e293b!important}body.theme-dawn-light .ai-float-input::placeholder,body.theme-warm-light .ai-float-input::placeholder{color:rgba(30,41,59,.4)!important}@media (max-width:768px){body.theme-starry-night .bg-stars{background-size:400px 500px}body.theme-aurora-flow .aurora-band{filter:blur(20px)}body.theme-digital-matrix .matrix-col{font-size:10px}}.cert-print-btn{padding:12px 24px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:10px}.cert-print-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.cert-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cert-export-all-btn{padding:10px 20px;border-radius:10px;border:1px solid rgba(59,130,246,.3);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));color:rgba(255,255,255,.9);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:15px}.cert-export-all-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.3));transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.2)}@media print{body *{visibility:hidden!important}.cert-modal-overlay,.cert-modal-overlay *{visibility:visible!important}.cert-modal-overlay{position:fixed!important;inset:0!important;background:#fff!important;backdrop-filter:none!important}.cert-modal-content{box-shadow:none!important;border:0!important;max-width:100%!important;max-height:100vh!important}.cert-modal-header,.cert-modal-actions{display:none!important}.cert-canvas-wrapper{padding:0!important;margin:0!important}#certificateCanvas{max-width:100%!important;max-height:100vh!important;width:auto!important;height:auto!important}}.cert-modal-content{animation:certModalIn .4s cubic-bezier(.34,1.56,.64,1)}#certificateCanvas{border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(59,130,246,.1)}@media (max-width:768px){.cert-modal-actions{flex-direction:column}.cert-download-btn,.cert-print-btn{width:100%;margin-left:0}}#page-certification{padding:0!important;max-width:100%;margin:0 auto;overflow-y:auto;background:0 0}#certContent{width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.cert-current-card{position:relative;overflow:hidden;border-radius:20px;padding:24px;background:linear-gradient(135deg,rgba(96,165,250,.08)0,rgba(167,139,250,.06) 50%,rgba(59,130,246,.04) 100%);border:1px solid rgba(96,165,250,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);animation:certCardFadeIn .6s ease-out}.cert-current-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.cert-level-badge{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:all .3s}.cert-level-badge.unlocked{box-shadow:0 4px 16px rgba(96,165,250,.3);animation:badgePulse 2s ease-in-out infinite}.cert-level-info h3{font-size:18px;font-weight:600;color:#f8fafc;margin:0 0 4px 0}.cert-level-info p{font-size:12px;color:rgba(148,163,184,.7);margin:0}.cert-progress-ring{position:relative;width:160px;height:160px;margin:0 auto}#progressRingCanvas{display:block;margin:0 auto}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{font-size:28px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-label{font-size:11px;color:rgba(148,163,184,.6);margin-top:2px}.cert-stats-card{border-radius:20px;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:certCardFadeIn .6s ease-out .1s both}.cert-stats-card h3{font-size:14px;font-weight:600;color:#f8fafc;margin:0 0 14px 0;display:flex;align-items:center;gap:6px}.cert-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cert-stat-item{padding:14px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .2s}.cert-stat-item:hover{background:rgba(255,255,255,.05);transform:translateY(-1px)}.cert-stat-value{font-size:20px;font-weight:700;color:#60a5fa;margin-bottom:4px}.cert-stat-label{font-size:11px;color:rgba(148,163,184,.7)}.cert-levels-card{border-radius:20px;padding:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:certCardFadeIn .6s ease-out .2s both}.cert-levels-card h3{font-size:14px;font-weight:600;color:#f8fafc;margin:0 0 14px 0;display:flex;align-items:center;gap:6px}.cert-levels-list{display:flex;flex-direction:column;gap:10px}.cert-level-item{display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);transition:all .2s}.cert-level-item.unlocked{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.2)}.cert-level-item:hover{background:rgba(255,255,255,.04);transform:translateX(2px)}.cert-level-left{display:flex;align-items:center;gap:12px}.cert-level-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.cert-level-details h4{font-size:14px;font-weight:600;color:#f8fafc;margin:0 0 2px 0}.cert-level-details p{font-size:11px;color:rgba(148,163,184,.6);margin:0}.cert-level-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.cert-view-btn{padding:6px 14px;border-radius:8px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.cert-view-btn:hover{background:rgba(16,185,129,.25);transform:translateY(-1px)}.cert-progress-bar{width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}.cert-progress-fill{height:100%;border-radius:2px;transition:width .5s ease}.cert-progress-text{font-size:10px;color:rgba(148,163,184,.5);font-weight:500}.cert-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease-out}.cert-modal-content{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;max-width:840px;width:100%;max-height:90vh;overflow-y:auto}.cert-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cert-modal-header h3{font-size:16px;font-weight:600;color:#f8fafc;margin:0}.cert-modal-close{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(148,163,184,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s}.cert-modal-close:hover{background:rgba(255,255,255,.1);color:#f8fafc}.cert-canvas-wrapper{background:rgba(0,0,0,.3);border-radius:12px;padding:10px;overflow:hidden;margin-bottom:16px}#certificateCanvas{display:block;width:100%;height:auto;border-radius:8px}.cert-modal-actions{display:flex;justify-content:center}.cert-download-btn{padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#a78bfa);border:0;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px rgba(96,165,250,.3)}.cert-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(96,165,250,.4)}@media (max-width:480px){#certContent{padding:12px}.cert-current-header{flex-direction:column;text-align:center}.cert-levels-list{gap:8px}.cert-level-item{flex-direction:column;align-items:flex-start;gap:10px}.cert-level-right{width:100%;align-items:stretch}.cert-modal-content{padding:16px}}:root{--cyber-blue:#5BA4CF;--cyber-blue-hover:#6BB8E0;--cyber-blue-dim:rgba(91,164,207,0.12);--cyber-blue-glow:rgba(91,164,207,0.2);--neon-pink:#D47B9C;--neon-green:#6BC47A;--gold:#C9A84C;--gold-dim:rgba(201,168,76,0.15);--bg-deep:#0F1117;--bg-card:rgba(25,27,35,0.8);--bg-card-solid:#191B23;--text-primary:#E8EAED;--text-secondary:#9AA0AB;--text-dim:#5F6570;--glass-blur:12px;--glass-saturate:1.2;--glass-bg:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--glass-highlight:rgba(255,255,255,0.06)}.bg-gradient{background:radial-gradient(ellipse 60% 50%at 20% 20%,rgba(91,164,207,.06)0,transparent 60%),radial-gradient(ellipse 50% 40%at 80% 80%,rgba(201,168,76,.04)0,transparent 50%),linear-gradient(180deg,#0f1117 0,#141620 50%,#0f1117 100%)!important;animation:none!important}.bg-noise{opacity:.015!important}body{perspective:none!important}.page{transform:none!important;transition:opacity .3s ease!important}.page.active{transform:none!important;animation:none!important}.page.exit{transform:none!important}#loadingScreen{background:linear-gradient(180deg,#0f1117,#141620,#0f1117)!important}.loading-screen{background:linear-gradient(180deg,#0f1117,#141620,#0f1117)!important}.ls-particles{display:none!important}.ls-ring-outer,.ls-ring-spin,.ls-ring-inner{display:none!important}.ls-scanline{display:none!important}.ls-glitch-line{display:none!important}.ls-icon{font-size:48px;filter:none!important;animation:none!important}.ls-title{font-size:22px;font-weight:700;letter-spacing:4px;color:var(--cyber-blue);text-shadow:none!important;animation:none!important}.ls-title::before,.ls-title::after{display:none!important}.ls-subtitle{font-size:12px;letter-spacing:3px;color:var(--text-secondary)!important;animation:none!important}.ls-progress{width:120px;height:3px;background:rgba(255,255,255,.08)!important;border-radius:2px;overflow:hidden;box-shadow:none!important}.ls-progress-fill{background:var(--cyber-blue)!important;box-shadow:none!important;height:100%;border-radius:2px}.ls-version{font-size:10px!important;color:var(--text-dim)!important;animation:none!important}.menu-particles{display:none!important}.menu-logo-glow{display:none!important}.menu-logo{padding:48px 0 24px!important;margin-bottom:20px!important;margin-top:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important}.menu-logo-icon{font-size:32px!important;filter:none!important;animation:none!important}.menu-logo-title{font-size:64px!important;font-weight:900!important;letter-spacing:8px!important;background:linear-gradient(180deg,#fff 0,#ffe4a0 25%,#ff9d00 50%,#ff4d00 75%,red 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 0 50px rgba(255,100,0,.7),0 0 100px rgba(255,0,0,.4),0 6px 16px rgba(0,0,0,.7)!important;animation:titlePulse 2.5s ease-in-out infinite!important}.menu-logo-sub{font-size:16px!important;margin:6px 0 8px!important;opacity:.9!important;letter-spacing:2px!important;font-weight:600!important;color:rgba(255,255,255,.85)!important;text-shadow:0 0 15px rgba(255,255,255,.15)!important}.version-tag{font-size:14px!important;padding:6px 18px!important;margin-top:8px!important;border-radius:24px!important;font-weight:700!important;letter-spacing:1px!important;background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(0,212,255,.15))!important;border:1px solid rgba(255,215,0,.3)!important;color:gold!important;box-shadow:0 0 20px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.1)!important;animation:tagPulse 2s ease-in-out infinite!important}.menu-category-btns{gap:8px!important}.menu-cat-btn{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border-radius:12px!important;padding:12px 16px!important;box-shadow:none!important;transition:all .2s ease!important}.menu-cat-btn:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;transform:none!important}.cat-icon{font-size:18px!important}.cat-title{font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.cat-count{font-size:11px!important;color:var(--text-dim)!important}.menu-section-title{font-size:14px!important;font-weight:600!important;color:var(--text-secondary)!important;padding:8px 0!important}.menu-section-title::before{display:none!important}.menu-section-title::after{display:none!important}.collapse-arrow{font-size:10px!important;color:var(--text-dim)!important}.mode-btn{background:var(--glass-bg)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:2px solid var(--glass-border)!important;border-radius:36px!important;padding:48px 24px!important;box-shadow:none!important;transition:all .2s ease!important;position:relative;overflow:hidden;min-height:220px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.mode-btn .mode-icon{font-size:72px!important;margin-bottom:14px!important}.mode-btn .mode-name{font-size:24px!important;font-weight:800!important;margin-top:12px!important}.mode-btn .mode-desc{font-size:15px!important;margin-top:8px!important;line-height:1.5!important;color:rgba(255,255,255,.65)!important}.mode-btn::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.mode-btn:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important}.mode-btn:active{transform:scale(.98)!important}.mode-btn[style*=border-color],.mode-btn[style*=box-shadow],.mode-btn[style*=animation]{border-color:var(--glass-border)!important;box-shadow:none!important;animation:none!important}.mode-icon{font-size:20px!important;display:block;margin-bottom:4px}.mode-name{font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;display:block}.mode-desc{font-size:11px!important;color:var(--text-dim)!important;display:block;margin-top:2px}.mode-badge{font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;color:var(--text-secondary)!important;box-shadow:none!important}.quiz-opt,.scenario-opt,.quiz-card,.scenario-card,.survival-hud,.result-box,.scenario-feedback,.quiz-exp-box,.explanation-box{background:var(--glass-bg)!important;backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))!important;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))!important;border:1px solid var(--glass-border)!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}.quiz-opt:hover,.scenario-opt:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;transform:translateX(2px)!important}.mode-btn{animation:none!important}.quiz-progress-bar,.progress-track{height:4px!important;background:rgba(255,255,255,.06)!important;border-radius:2px!important;box-shadow:none!important}.quiz-progress-fill,.progress-fill{background:var(--cyber-blue)!important;box-shadow:none!important;border-radius:2px!important}.btn{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.btn:hover{background:rgba(255,255,255,.1)!important;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--cyber-blue)!important;color:#fff!important;border:0!important;box-shadow:0 2px 8px rgba(91,164,207,.3)!important}.btn-primary:hover{background:var(--cyber-blue-hover)!important;box-shadow:0 4px 12px rgba(91,164,207,.4)!important}.btn-gold{background:var(--gold)!important;color:#191b23!important;border:0!important;box-shadow:0 2px 8px rgba(201,168,76,.3)!important}.modal-box{background:rgba(20,22,30,.95)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 48px rgba(0,0,0,.4)!important;border-radius:16px!important}.glass-card{background:rgba(25,27,35,.7)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;border-radius:10px!important}.glass-card:hover{background:rgba(25,27,35,.8)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important;transform:translateY(-1px)!important}.title-glow{font-size:clamp(1.4rem,4vw,2rem)!important;font-weight:700!important;background:linear-gradient(135deg,var(--cyber-blue),var(--gold))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;filter:none!important;letter-spacing:1px!important}.title-section{font-size:clamp(1rem,2.5vw,1.3rem)!important;font-weight:600!important;color:var(--text-primary)!important}.back-float{appearance:none!important;-webkit-appearance:none!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;color:rgba(255,255,255,.85)!important;font-size:16px!important;padding:6px 12px!important}.back-float:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;transform:none!important;color:var(--cyber-blue)!important}::-webkit-scrollbar{width:4px!important}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)!important;border-radius:2px!important}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)!important}#bgmMuteBtn{background:rgba(20,22,30,.8)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}#bgmMuteBtn:hover{border-color:rgba(255,255,255,.2)!important;transform:none!important}.mascot-bubble{background:rgba(20,22,30,.85)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.back-to-categories{font-size:13px!important;color:var(--text-secondary)!important;padding:6px 12px!important}.back-to-categories:hover{color:var(--cyber-blue)!important}.nav-bar{background:rgba(15,17,23,.95)!important;border-top:1px solid rgba(255,255,255,.06)!important;box-shadow:0-2px 8px rgba(0,0,0,.2)!important;backdrop-filter:blur(12px)!important}.nav-item{color:var(--text-secondary)!important}.nav-item.active{color:var(--cyber-blue)!important}.nav-item:hover{color:var(--cyber-blue)!important}.badge{box-shadow:none!important}.quiz-opt.correct .opt-label{background:var(--neon-green)!important;box-shadow:none!important}.quiz-opt.wrong .opt-label{background:#e57373!important;box-shadow:none!important}.story-card{background:rgba(20,22,30,.95)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.story-icon{filter:none!important;animation:none!important}.story-title{background:linear-gradient(135deg,var(--cyber-blue),var(--gold))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.story-btn{background:var(--cyber-blue)!important;box-shadow:0 2px 8px rgba(91,164,207,.3)!important}.story-btn:hover{box-shadow:0 4px 12px rgba(91,164,207,.4)!important}.achieve-popup-inner{background:rgba(20,22,30,.95)!important;border:1px solid var(--gold)!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}.settings-panel{background:rgba(20,22,30,.95)!important}.diff-btn{border:1px solid rgba(255,255,255,.08)!important;background:0 0!important}.diff-btn.active{background:var(--cyber-blue-dim)!important;border-color:var(--cyber-blue)!important;color:var(--cyber-blue)!important}.cardSlideIn{animation:none!important}.kit-item{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}.kit-item:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;transform:none!important}.kit-item.selected{background:var(--cyber-blue-dim)!important;border-color:var(--cyber-blue)!important;box-shadow:none!important}.battle-hud{background:rgba(15,17,23,.9)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:none!important}.hp-bar-container{box-shadow:inset 0 1px 2px rgba(0,0,0,.3)!important}#page-battle{padding:0;max-width:640px;margin:0 auto}.game-header{text-align:center;padding:24px 16px 12px}.mode-label{font-size:22px;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.4);margin-bottom:4px}.battle-hud{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:rgba(15,17,23,.85);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:12px;flex-wrap:wrap}.hud-item{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:90px}.hud-label{font-size:11px;color:rgba(148,163,184,.7);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hp-bar-container{width:120px;height:8px;background:rgba(0,0,0,.4);border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hp-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.player-hp{background:linear-gradient(90deg,#22c55e,#16a34a)}.boss-hp{background:linear-gradient(90deg,#ef4444,#dc2626)}.hp-text{font-size:11px;color:rgba(203,213,225,.6);margin-top:2px}.center-hud{display:flex;flex-direction:column;align-items:center;gap:4px}.streak-counter{font-size:14px;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.energy-bar-container{width:80px;height:5px;background:rgba(0,0,0,.3);border-radius:3px}.energy-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1);transition:width .3s ease}.battle-stage{display:flex;justify-content:center;align-items:center;gap:30px;padding:28px 16px;position:relative}.battle-side{display:flex;flex-direction:column;align-items:center;gap:6px}.avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:42px;border-radius:20px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 20px rgba(0,0,0,.3);position:relative}.player-avatar{border-color:rgba(34,197,94,.35);box-shadow:0 0 24px rgba(34,197,94,.15)}.boss-avatar{border-color:rgba(239,68,68,.35);box-shadow:0 0 24px rgba(239,68,68,.2);animation:bossPulse 2s ease-in-out infinite}@keyframes bossPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.avatar-name{font-size:13px;font-weight:600;color:rgba(203,213,225,.7);text-align:center}.vs-badge{font-size:18px;font-weight:900;color:rgba(255,215,0,.6);text-shadow:0 0 12px rgba(255,215,0,.3)}.quiz-card,.battle-quiz-card{max-width:580px;margin:0 auto;padding:28px 22px 36px;border-radius:22px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:rgba(148,163,184,.75);font-weight:700;padding:0 4px}.quiz-progress-text{font-size:14px;font-weight:800;color:#a5b4fc;letter-spacing:.5px}.quiz-streak{font-size:14px;font-weight:800;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.4)}.quiz-score-text{font-size:14px;font-weight:800;color:#34d399}.progress-bar{height:5px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#a78bfa);transition:width .4s ease;box-shadow:0 0 8px rgba(139,92,246,.3)}.quiz-timer{height:7px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;margin-bottom:18px;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.quiz-timer-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#22c55e,#84cc16,#eab308,#ef4444);transition:width .08s linear;width:100%;transform-origin:left;box-shadow:0 0 10px rgba(34,197,94,.4)}.quiz-content{display:flex;flex-direction:column;align-items:center;gap:18px}.disaster-icon,.quiz-disaster-icon{font-size:42px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.quiz-question{font-size:19px;font-weight:800;color:#f8fafc;line-height:1.7;text-align:center;max-width:500px;margin:0;padding:4px 12px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.quiz-options{display:flex;flex-direction:column;gap:11px;width:100%;max-width:540px;margin-top:4px}.quiz-opt{position:relative;display:flex;align-items:center;gap:16px;padding:17px 20px 17px 22px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .28s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;font-size:15.5px;line-height:1.55;overflow:hidden}.quiz-opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px;background:linear-gradient(180deg,#6366f1,#8b5cf6);transition:opacity .3s ease}.quiz-opt:nth-child(2)::before{background:linear-gradient(180deg,#a78bfa,#c084fc)}.quiz-opt:nth-child(3)::before{background:linear-gradient(180deg,#38bdf8,#06b6d4)}.quiz-opt:nth-child(4)::before{background:linear-gradient(180deg,#34d399,#22c55e)}.quiz-opt:hover{background:rgba(99,102,241,.1);border-color:rgba(139,92,246,.3);transform:translateY(-2px) translateX(4px);box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(139,92,246,.15)}.quiz-opt:active{transform:scale(.975) translateY(0) translateX(0)}.quiz-opt.correct{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(16,185,129,.1))!important;border-color:rgba(34,197,94,.5)!important;color:#bbf7d0!important;box-shadow:0 0 20px rgba(34,197,94,.15),inset 0 1px 0 rgba(52,211,153,.2)!important}.quiz-opt.correct::before{background:linear-gradient(180deg,#22c55e,#16a34a)!important;width:5px!important}.quiz-opt.wrong{background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(220,38,38,.1))!important;border-color:rgba(239,68,68,.5)!important;color:#fecaca!important;box-shadow:0 0 20px rgba(239,68,68,.15)!important;animation:shakeOpt .4s ease}.quiz-opt.wrong::before{background:linear-gradient(180deg,#ef4444,#dc2626)!important}@keyframes shakeOpt{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.opt-label{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:12px;background:linear-gradient(145deg,rgba(99,102,241,.3),rgba(139,92,246,.18));border:1px solid rgba(139,92,246,.4);color:#c4b5fd;font-weight:800;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s ease;z-index:1}.quiz-opt:nth-child(2) .opt-label{background:linear-gradient(145deg,rgba(167,139,250,.3),rgba(192,132,252,.18));border-color:rgba(192,132,252,.4);color:#ddd6fe}.quiz-opt:nth-child(3) .opt-label{background:linear-gradient(145deg,rgba(56,189,248,.3),rgba(6,182,212,.18));border-color:rgba(6,182,212,.4);color:#a5f3fc}.quiz-opt:nth-child(4) .opt-label{background:linear-gradient(145deg,rgba(52,211,153,.3),rgba(34,197,94,.18));border-color:rgba(34,197,94,.4);color:#a7f3d0}.opt-text{flex:1;font-weight:500;letter-spacing:.2px}#page-battle .game-header{position:relative}#page-battle .mode-label::before{content:"";display:block;font-size:56px;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}#page-battle .game-header>div:last-child{font-size:14px;color:rgba(148,163,184,.55);margin-top:4px}.boss-info{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;margin:0 auto 12px;max-width:200px}.boss-counter{font-size:12px;color:rgba(148,163,184,.5)}.boss-avatar-lg{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:22px;background:rgba(239,68,68,.08);border:2px solid rgba(239,68,68,.25);box-shadow:0 0 30px rgba(239,68,68,.15);animation:bossPulse 2s ease-in-out infinite}.boss-name-text{font-size:15px;font-weight:700;color:#fff}.boss-hp-text{font-size:12px;color:#f87171;font-weight:600}.explanation-box,.quiz-exp-box{padding:18px 20px;border-radius:14px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);max-width:500px;margin:12px auto 0;width:100%;box-sizing:border-box}.exp-text{font-size:14px;color:#bbf7d0;line-height:1.6}.tip-text{font-size:13px;color:rgba(148,163,184,.6);margin-top:8px;padding-top:8px;border-top:1px solid rgba(34,197,94,.15)}.hidden{display:none!important}#memoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:440px;margin:0 auto;padding:8px 0;perspective:1000px}#page-memory-card .memory-card{position:relative;width:100%;aspect-ratio:3/4;cursor:pointer;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}#page-memory-card .memory-card.flipped{transform:rotateY(180deg)}#page-memory-card .memory-card.matched{transform:rotateY(180deg);pointer-events:none}#page-memory-card .memory-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;border-radius:16px;overflow:hidden}#page-memory-card .memory-card-front,#page-memory-card .memory-card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1.5px solid rgba(255,255,255,.12)}#page-memory-card .memory-card-front{background:linear-gradient(145deg,rgba(99,102,241,.2),rgba(139,92,246,.1));border-color:rgba(139,92,246,.3);box-shadow:inset 0 2px 12px rgba(99,102,241,.15),0 4px 20px rgba(0,0,0,.25)}#page-memory-card .memory-card-front::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);border-radius:16px 16px 0 0}#page-memory-card .memory-card-front::after{content:"❓";font-size:36px;filter:drop-shadow(0 2px 8px rgba(99,102,246,.5));animation:pulseQuestion 2s ease-in-out infinite}@keyframes pulseQuestion{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}#page-memory-card .memory-card-back{background:linear-gradient(145deg,rgba(15,23,42,.85),rgba(30,41,59,.8));border-color:rgba(56,189,248,.35);box-shadow:0 6px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);transform:rotateY(180deg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#page-memory-card .memory-card-back::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(56,189,248,.12),transparent 60%);pointer-events:none}#page-memory-card .memory-card-back>span,#page-memory-card .memory-card-back{font-size:42px!important;line-height:1;text-shadow:0 4px 12px rgba(0,0,0,.4)}#page-memory-card .memory-card.matched .memory-card-back{border-color:rgba(52,211,153,.5);box-shadow:0 0 24px rgba(52,211,153,.25),0 6px 28px rgba(0,0,0,.25),inset 0 0 20px rgba(52,211,153,.08)}#page-memory-card .game-header{text-align:center;padding:20px 16px 8px}#page-memory-card .mode-label{font-size:26px!important;font-weight:900;letter-spacing:2px}.memory-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:16px;border-radius:16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,247,.25);font-weight:700;font-size:15px;color:#e0e7ff}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:480px;margin:0 auto;padding:8px 0}.minigameContent .memory-card,.memory-grid .memory-card{position:relative;width:100%;aspect-ratio:1;cursor:pointer;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:36px;background:rgba(99,102,241,.12);border:1.5px solid rgba(99,102,247,.28);transition:all .3s ease;user-select:none;-webkit-tap-highlight-color:transparent}.minigameContent .memory-card:hover,.memory-grid .memory-card:hover{background:rgba(99,102,241,.22);transform:scale(1.04);box-shadow:0 6px 22px rgba(0,0,0,.3)}.minigameContent .memory-card.flipped,.memory-grid .memory-card.flipped{background:linear-gradient(145deg,rgba(16,23,42,.9),rgba(30,41,59,.85));border-color:rgba(56,189,248,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.3)}.minigameContent .memory-card.matched,.memory-grid .memory-card.matched{background:linear-gradient(145deg,rgba(16,78,62,.9),rgba(6,78,59,.85));border-color:rgba(52,211,153,.55);box-shadow:0 0 20px rgba(52,211,153,.2),inset 0 0 16px rgba(52,211,153,.08);opacity:.85}.minigameContent .memory-front,.memory-grid .memory-front{font-size:38px;line-height:1;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4))}.reaction-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(234,179,8,.08));border:1px solid rgba(245,158,11,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.reaction-header span:first-child{font-size:18px;font-weight:800;color:#fbbf24;text-shadow:0 2px 8px rgba(245,158,11,.3)}.reaction-header span:last-child{font-size:13px;font-weight:600;color:rgba(255,255,255,.7)}.reaction-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 28px 28px;border-radius:22px;background:linear-gradient(145deg,rgba(30,41,59,.85),rgba(15,23,42,.9));border:2px solid rgba(245,158,11,.25);box-shadow:0 8px 36px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06),0 0 60px rgba(245,158,11,.06);text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.reaction-card::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,transparent);border-radius:2px}.reaction-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:26px;background:linear-gradient(145deg,rgba(245,158,11,.15),rgba(234,179,8,.08));border:2px solid rgba(245,158,11,.35);font-size:52px;line-height:1;animation:reactionPulseIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes reactionPulseIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.reaction-text{font-size:22px;font-weight:800;color:#fff;margin:0;line-height:1.3;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.reaction-question{font-size:15px;font-weight:600;color:rgba(251,191,36,.85);margin:4px 0 0!important}.reaction-buttons{display:flex;gap:18px;justify-content:center;padding:0 8px}.reaction-btn{flex:1;max-width:200px;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:16px;border:0;font-size:17px;font-weight:700;cursor:pointer;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.reaction-btn.correct{background:linear-gradient(135deg,rgba(52,211,153,.25),rgba(16,185,129,.18));color:#6ee7b7;border:2px solid rgba(52,211,153,.45);box-shadow:0 4px 20px rgba(52,211,153,.15),inset 0 1px 0 rgba(255,255,255,.08)}.reaction-btn.wrong{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(220,38,38,.18));color:#fca5a5;border:2px solid rgba(239,68,68,.45);box-shadow:0 4px 20px rgba(239,68,68,.15),inset 0 1px 0 rgba(255,255,255,.08)}.reaction-btn:hover{transform:translateY(-3px) scale(1.03)}.reaction-btn.correct:hover{background:linear-gradient(135deg,rgba(52,211,153,.4),rgba(16,185,129,.28));box-shadow:0 8px 28px rgba(52,211,153,.25)}.reaction-btn.wrong:hover{background:linear-gradient(135deg,rgba(239,68,68,.4),rgba(220,38,38,.28));box-shadow:0 8px 28px rgba(239,68,68,.25)}.reaction-btn:active{transform:scale(.96)!important}.sequence-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;margin-bottom:20px;border-radius:18px;background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(139,92,246,.1));border:1px solid rgba(168,85,247,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sequence-header span:first-child{font-size:19px;font-weight:900;color:#c084fc;text-shadow:0 2px 10px rgba(168,85,247,.35);letter-spacing:.5px}.sequence-header span:last-child{font-size:13px;font-weight:600;color:rgba(255,255,255,.65)}#minigameContent>div{max-width:560px;margin:0 auto}.sequence-answer{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;min-height:72px;padding:14px 16px;border-radius:16px;background:rgba(99,102,241,.05);border:1px dashed rgba(139,92,247,.2);position:relative}.seq-step{padding:13px 18px;border-radius:12px;background:linear-gradient(145deg,rgba(139,92,246,.15),rgba(99,102,241,.08));border:1px solid rgba(139,92,247,.32);color:#e0e7ff;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;animation:seqStepIn .3s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 2px 8px rgba(0,0,0,.12)}@keyframes seqStepIn{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.seq-step.done{background:linear-gradient(145deg,rgba(52,211,153,.18),rgba(16,185,129,.12));border-color:rgba(52,211,153,.45);color:#a7f3d0;box-shadow:0 0 12px rgba(52,211,153,.1)}.seq-placeholder{padding:18px;border-radius:12px;color:rgba(196,132,252,.45);font-style:italic;text-align:center;font-size:14px;font-weight:500}.sequence-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px;padding:4px}.seq-option-btn{padding:13px 22px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(139,92,246,.14),rgba(99,102,247,.09))!important;border:1.5px solid rgba(139,92,247,.38)!important;color:#ddd6fe!important;font-size:14px!important;font-weight:700!important;cursor:pointer;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.12);line-height:1.3!important;appearance:none;-webkit-appearance:none;outline:0!important;box-sizing:border-box!important;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important}.seq-option-btn:hover{background:linear-gradient(145deg,rgba(168,85,247,.28),rgba(139,92,246,.18))!important;border-color:rgba(168,85,247,.6)!important;color:#fff!important;transform:scale(1.05) translateY(-2px)!important;box-shadow:0 6px 22px rgba(139,92,246,.28),0 0 20px rgba(168,85,247,.08)!important}.seq-option-btn:active{transform:scale(.97)!important;box-shadow:0 1px 6px rgba(0,0,0,.15)!important}.minigameContent button.btn-secondary,.minigameContent button[class*=btn-]{padding:10px 24px!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:rgba(255,255,255,.7)!important;font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease!important;appearance:none;-webkit-appearance:none;outline:0!important;font-family:inherit!important;line-height:1.3!important}.minigameContent button.btn-secondary:hover,.minigameContent button[class*=btn-]:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;transform:translateY(-1px)}.minigame-quiz-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:quizFadeIn .25s ease both}@keyframes quizFadeIn{0%{opacity:0}to{opacity:1}}.minigame-quiz-card{max-width:480px;width:90%;padding:28px 24px 24px;border-radius:22px;background:linear-gradient(145deg,rgba(30,41,59,.95),rgba(15,23,42,.96));border:1px solid rgba(56,189,248,.3);box-shadow:0 16px 56px rgba(0,0,0,.5),0 0 80px rgba(56,189,248,.08);text-align:center}.quiz-badge{display:inline-block;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(6,182,212,.15));color:#bae6fd;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:16px;border:1px solid rgba(56,189,248,.3)}.quiz-question{font-size:17px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-opt-btn{padding:14px 20px;border-radius:14px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-opt-btn:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);transform:translateX(4px)}.quiz-opt-btn.correct{background:linear-gradient(135deg,rgba(52,211,153,.2),rgba(16,185,129,.12));border-color:rgba(52,211,153,.5)!important;color:#a7f3d0!important}.quiz-opt-btn.wrong{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.12));border-color:rgba(239,68,68,.5)!important;color:#fecaca!important}.screen-flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none;animation:flashFade .35s ease-out forwards}.screen-flash.flash-correct{background:radial-gradient(circle at 50% 50%,rgba(52,211,153,.3),transparent 70%)}.screen-flash.flash-wrong{background:radial-gradient(circle at 50% 50%,rgba(239,68,68,.3),transparent 70%)}@keyframes flashFade{0%{opacity:1}to{opacity:0}}#page-ai-tutor,#page-stats,#page-leaderboard,#page-character,#page-free,#page-codex,#page-minigame{padding-bottom:calc(110px + env(safe-area-inset-bottom,0))!important}#aiTutorContent{padding-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.map-node{box-shadow:0 2px 8px rgba(0,0,0,.3)!important}.map-node.current{box-shadow:0 0 12px rgba(201,168,76,.4)!important}.divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)!important;box-shadow:none!important}.study-card-front,.study-card-back{background:var(--bg-card-solid)!important;border:1px solid rgba(255,255,255,.06)!important}.daily-day{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important}.daily-day.done{background:rgba(107,196,122,.15)!important;border-color:rgba(107,196,122,.25)!important}.daily-day.today{background:rgba(201,168,76,.1)!important;border-color:rgba(201,168,76,.25)!important;animation:none!important}#page-disaster-sim{padding:0!important;max-width:100%;margin:0 auto;overflow-y:auto;background:0 0}#simContent{width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.sim-canvas-wrapper{position:relative;border-radius:20px;overflow:hidden;background:#0f172a;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);animation:simFadeIn .6s ease-out}#simCanvas{display:block;width:100%;height:auto;min-height:300px}.sim-info-card{border-radius:16px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:simFadeIn .6s ease-out .1s both}.sim-case-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;font-weight:500;margin-bottom:10px}.sim-scene{font-size:14px;color:rgba(248,250,252,.8);line-height:1.6;margin-bottom:8px}.sim-phase{font-size:12px;color:rgba(148,163,184,.6);display:flex;align-items:center;gap:6px}.sim-phase::before{content:"";width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:phasePulse 1.5s ease-in-out infinite}.sim-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;animation:simFadeIn .6s ease-out .2s both}.sim-action-btn{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:rgba(248,250,252,.8);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:8px}.sim-action-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.sim-action-btn:active{transform:translateY(0)}#simResult{display:none;animation:resultSlideIn .4s ease-out}.sim-result{border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sim-result.correct{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.06)}.sim-result.wrong{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06)}.sim-result-icon{font-size:48px;margin-bottom:4px}.sim-result-text{text-align:center}.sim-result-text h4{font-size:18px;font-weight:700;margin:0 0 8px 0}.sim-result.correct .sim-result-text h4{color:#34d399}.sim-result.wrong .sim-result-text h4{color:#fca5a5}.sim-result-text p{font-size:13px;color:rgba(148,163,184,.8);margin:0;line-height:1.6}.sim-continue-btn{padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#a78bfa);border:0;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px rgba(96,165,250,.3)}.sim-continue-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(96,165,250,.4)}.sim-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;animation:simFadeIn .6s ease-out}.sim-selector-btn{padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s;text-align:center}.sim-selector-btn:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}.sim-selector-btn.active{border-color:rgba(96,165,250,.4);background:rgba(96,165,250,.08)}.sim-selector-icon{font-size:32px;margin-bottom:8px}.sim-selector-name{font-size:14px;font-weight:600;color:#f8fafc;margin-bottom:4px}.sim-selector-case{font-size:11px;color:rgba(148,163,184,.6)}@media (max-width:480px){#simContent{padding:12px}.sim-actions{grid-template-columns:1fr}.sim-selector{grid-template-columns:1fr}}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.fx-layer *{pointer-events:none!important}.dust{position:absolute;border-radius:50%;pointer-events:none}.dust::before{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;filter:blur(2px)}.dust-1{width:4px;height:4px;background:rgba(96,165,250,.6);left:15%;top:70%;animation:dustRise1 12s ease-in-out infinite}.dust-2{width:3px;height:3px;background:rgba(251,146,60,.5);left:80%;top:80%;animation:dustRise2 15s ease-in-out infinite}.dust-3{width:5px;height:5px;background:rgba(167,139,250,.4);left:50%;top:90%;animation:dustRise3 10s ease-in-out infinite}.dust-4{width:3px;height:3px;background:rgba(56,189,248,.5);left:30%;top:60%;animation:dustRise4 14s ease-in-out infinite}.dust-5{width:4px;height:4px;background:rgba(96,165,250,.4);left:70%;top:75%;animation:dustRise5 11s ease-in-out infinite}.dust-6{width:2px;height:2px;background:rgba(251,146,60,.6);left:45%;top:85%;animation:dustRise6 13s ease-in-out infinite}.dust-7{width:3px;height:3px;background:rgba(167,139,250,.5);left:90%;top:65%;animation:dustRise7 16s ease-in-out infinite}.dust-8{width:4px;height:4px;background:rgba(56,189,248,.4);left:10%;top:80%;animation:dustRise8 12s ease-in-out infinite}.light-sweep{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(59,130,246,.03) 40%,rgba(59,130,246,.06) 50%,rgba(59,130,246,.03) 60%,transparent 100%);transform:skewX(-15deg);animation:sweep 20s ease-in-out infinite}.light-sweep-2{animation-delay:-8s;background:linear-gradient(90deg,transparent 0,rgba(167,139,250,.02) 40%,rgba(167,139,250,.04) 50%,rgba(167,139,250,.02) 60%,transparent 100%)}.geo-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.03);pointer-events:none}.geo-ring-1{width:300px;height:300px;top:20%;right:10%;border-color:rgba(59,130,246,.06);animation:geoSpin 60s linear infinite}.geo-ring-2{width:200px;height:200px;top:25%;right:15%;border-color:rgba(167,139,250,.05);border-style:dashed;animation:geoSpin 40s linear infinite reverse}.geo-ring-3{width:400px;height:400px;bottom:10%;left:5%;border-color:rgba(251,146,60,.04);animation:geoSpin 80s linear infinite}.geo-ring-4{width:150px;height:150px;bottom:20%;left:12%;border-color:rgba(56,189,248,.06);border-style:dotted;animation:geoSpin 30s linear infinite reverse}.geo-dot{position:absolute;width:3px;height:3px;background:rgba(255,255,255,.2);border-radius:50%}.geo-ring-1 .geo-dot{top:-1px;left:50%}.geo-ring-2 .geo-dot{bottom:-1px;right:0}.geo-ring-3 .geo-dot{top:50%;left:-1px}.geo-ring-4 .geo-dot{top:0;left:50%}.pulse-ring{position:absolute;border-radius:50%;border:1px solid;opacity:0;pointer-events:none}.pulse-ring-1{width:100px;height:100px;top:30%;left:20%;border-color:rgba(59,130,246,.3);animation:pulseExpand 6s ease-out infinite}.pulse-ring-2{width:80px;height:80px;top:60%;right:25%;border-color:rgba(251,146,60,.25);animation:pulseExpand 8s ease-out infinite 2s}.pulse-ring-3{width:60px;height:60px;top:45%;left:60%;border-color:rgba(167,139,250,.3);animation:pulseExpand 7s ease-out infinite 4s}.meteor{position:absolute;width:2px;height:2px;background:rgba(255,255,255,.6);border-radius:50%;pointer-events:none;box-shadow:0 0 6px rgba(96,165,250,.4),0 0 12px rgba(96,165,250,.2)}.meteor::after{content:"";position:absolute;top:0;right:0;width:40px;height:1px;background:linear-gradient(90deg,rgba(96,165,250,.3),transparent);transform-origin:right center;transform:rotate(0deg)}.meteor-1{top:10%;right:20%;animation:meteorFall 8s ease-in infinite}.meteor-2{top:25%;right:40%;animation:meteorFall 12s ease-in infinite 3s}.meteor-3{top:5%;right:70%;animation:meteorFall 10s ease-in infinite 6s}.gradient-bar{position:absolute;height:2px;border-radius:1px;pointer-events:none;opacity:.15}.gradient-bar-1{top:35%;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:barFlow1 15s ease-in-out infinite}.gradient-bar-2{top:55%;right:0;width:25%;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),transparent);animation:barFlow2 18s ease-in-out infinite}.gradient-bar-3{top:75%;left:10%;width:20%;background:linear-gradient(90deg,transparent,rgba(251,146,60,.4),transparent);animation:barFlow3 12s ease-in-out infinite}.corner-decor{position:absolute;width:40px;height:40px;pointer-events:none;opacity:.15}.corner-decor::before,.corner-decor::after{content:"";position:absolute;background:rgba(96,165,250,.4)}.corner-tl{top:80px;left:20px}.corner-tl::before{top:0;left:0;width:20px;height:1px}.corner-tl::after{top:0;left:0;width:1px;height:20px}.corner-tr{top:80px;right:20px}.corner-tr::before{top:0;right:0;width:20px;height:1px}.corner-tr::after{top:0;right:0;width:1px;height:20px}.corner-bl{bottom:100px;left:20px}.corner-bl::before{bottom:0;left:0;width:20px;height:1px}.corner-bl::after{bottom:0;left:0;width:1px;height:20px}.corner-br{bottom:100px;right:20px}.corner-br::before{bottom:0;right:0;width:20px;height:1px}.corner-br::after{bottom:0;right:0;width:1px;height:20px}.data-stream{position:absolute;width:1px;pointer-events:none;opacity:.06}.data-stream::after{content:"";position:absolute;top:0;left:0;width:100%;height:60px;background:linear-gradient(180deg,transparent,rgba(59,130,246,.5),transparent);animation:streamFall 4s linear infinite}.data-stream-1{left:8%;height:100%}.data-stream-1::after{animation-delay:0s}.data-stream-2{left:92%;height:100%}.data-stream-2::after{animation-delay:-2s}@media (max-width:768px){.geo-ring{display:none}.corner-decor{display:none}.data-stream{display:none}}.guide-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);animation:guideFadeIn .3s ease}.guide-highlight{z-index:99999!important;animation:guidePulse 1.5s ease-in-out infinite;box-shadow:0 0 0 4px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.3)!important}.guide-highlight:not([style*="position: fixed"]):not([style*="position: absolute"]):not([style*="position: sticky"]){position:relative}.guide-highlight-positioned{z-index:99999!important;animation:guidePulse 1.5s ease-in-out infinite;box-shadow:0 0 0 4px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.3)!important}.guide-tooltip::-webkit-scrollbar{width:4px}.guide-tooltip::-webkit-scrollbar-track{background:0 0}.guide-tooltip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.guide-tooltip::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.guide-tooltip{position:fixed;z-index:100000;max-width:320px;min-width:260px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(59,130,246,.2);animation:guideTooltipIn .4s cubic-bezier(.34,1.56,.64,1)}.guide-tooltip-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.guide-tooltip::before{content:"";position:absolute;width:12px;height:12px;background:rgba(15,23,42,.95);border:1px solid rgba(59,130,246,.3);transform:rotate(45deg)}.guide-tooltip-bottom::before{top:-7px;left:50%;margin-left:-6px;border-right:none;border-bottom:none}.guide-tooltip-top::before{bottom:-7px;left:50%;margin-left:-6px;border-left:none;border-top:none}.guide-tooltip-left::before{right:-7px;top:50%;margin-top:-6px;border-left:none;border-bottom:none}.guide-tooltip-right::before{left:-7px;top:50%;margin-top:-6px;border-right:none;border-top:none}.guide-tooltip-center::before{display:none}.guide-tooltip-title{font-size:16px;font-weight:700;color:rgba(255,255,255,.95);margin-bottom:8px}.guide-tooltip-desc{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:16px}.guide-tooltip-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.guide-tooltip-progress{font-size:11px;color:rgba(255,255,255,.4)}.guide-tooltip-btns{display:flex;gap:8px}.guide-btn{appearance:none!important;-webkit-appearance:none!important;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:0}.guide-btn-skip{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}.guide-btn-skip:hover{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}.guide-btn-next{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.guide-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}@media (max-width:480px){.guide-tooltip{max-width:calc(100vw - 40px);min-width:auto;padding:16px}.guide-tooltip-title{font-size:15px}.guide-tooltip-desc{font-size:12px}}.lang-switcher{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px}.lang-switcher label{font-size:14px;color:rgba(255,255,255,.8);font-weight:500}.lang-buttons{display:flex;gap:8px}.lang-btn{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);font-size:13px;cursor:pointer;transition:all .2s}.lang-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(59,130,246,.3)}.lang-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2));border-color:rgba(59,130,246,.5);color:#60a5fa;font-weight:600}@media (max-width:768px){.lang-switcher{flex-direction:column;align-items:flex-start;gap:10px}.lang-buttons{width:100%}.lang-btn{flex:1;text-align:center}}.codex-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:12px!important;padding:16px!important;max-width:800px!important;margin:0 auto!important}.codex-filters{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:var(--space-sm, 12px)!important;justify-content:center!important;padding:0 8px!important}.codex-filter-btn{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:7px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.55)!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:all .25s ease!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;user-select:none!important;white-space:nowrap!important;line-height:1.3!important;letter-spacing:.2px!important}.codex-filter-btn:hover{background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.85)!important;border-color:rgba(255,255,255,.22)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05) inset!important}.codex-filter-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.35),rgba(139,92,246,.3))!important;color:#fff!important;border-color:rgba(99,102,241,.5)!important;box-shadow:0 2px 12px rgba(99,102,241,.25),0 0 18px rgba(99,102,241,.1)!important;font-weight:600!important;text-shadow:0 1px 4px rgba(0,0,0,.3)!important}.codex-filter-btn:active{transform:scale(.95)!important}#codexGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:12px!important;padding:16px!important;max-width:800px!important;margin:0 auto!important}.codex-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px 8px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s ease!important;min-height:140px!important}.codex-card:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(99,102,241,.35)!important;transform:translateY(-3px)!important;box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 12px rgba(99,102,241,.08)!important}.codex-card.uncollected{opacity:.45!important;filter:grayscale(70%)!important;border-color:rgba(255,255,255,.04)!important}.codex-card.uncollected:hover{opacity:.7!important;filter:grayscale(30%)!important}.codex-card-icon{font-size:32px!important;line-height:1!important;margin-bottom:6px!important}.codex-card-name{font-size:11px!important;font-weight:600!important;color:rgba(255,255,255,.85)!important;text-align:center!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.codex-card-rarity{font-size:9px!important;padding:2px 8px!important;border-radius:10px!important;margin-top:4px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.codex-card-rarity.common{background:rgba(156,163,175,.2);color:#9ca3af}.codex-card-rarity.rare{background:rgba(59,130,246,.2);color:#60a5fa}.codex-card-rarity.epic{background:rgba(168,85,247,.2);color:#c084fc}.codex-card-rarity.legendary{background:rgba(245,158,11,.25);color:#fbbf24}.codex-card-category{font-size:9px!important;color:rgba(255,255,255,.35)!important;margin-top:3px!important}#page-achievements .preview-header~div:not(.menu-toolbar){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:12px!important;padding:16px!important;max-width:900px!important;margin:0 auto!important}.achievement-card{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .2s ease!important}.achievement-card:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important}.achievement-card.locked{opacity:.5!important;filter:grayscale(.8)!important}.achievement-icon{font-size:32px!important;flex-shrink:0!important}.achievement-info{flex:1!important}.achievement-name{font-size:14px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;margin-bottom:4px!important}.achievement-desc{font-size:12px!important;color:rgba(255,255,255,.6)!important}.character-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:16px!important;padding:16px!important;max-width:900px!important;margin:0 auto!important}.character-card{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:20px!important;text-align:center!important;cursor:pointer!important;transition:all .3s ease!important}.character-card:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important;transform:translateY(-4px)!important}.character-card.selected{border-color:rgba(59,130,246,.5)!important;box-shadow:0 0 20px rgba(59,130,246,.2)!important}#page-settings .feature-item{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:16px 20px!important;margin:8px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;transition:all .2s ease!important}#page-settings .feature-item:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important}#page-pet.page.active,#page-diary.page.active,#page-workshop.page.active,#page-gacha.page.active{display:flex!important;flex-direction:column!important;align-items:center!important;padding:60px 20px!important;min-height:100%!important}.placeholder-page{text-align:center!important;max-width:400px!important}.placeholder-icon{font-size:64px!important;margin-bottom:20px!important}.placeholder-title{font-size:24px!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;margin-bottom:12px!important}.placeholder-desc{font-size:14px!important;color:rgba(255,255,255,.6)!important;line-height:1.6!important;margin-bottom:24px!important}.placeholder-btn{padding:12px 32px!important;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2))!important;border:1px solid rgba(59,130,246,.3)!important;border-radius:12px!important;color:#60a5fa!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.placeholder-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.3))!important;transform:translateY(-2px)!important}@media (max-width:768px){.codex-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:8px!important}#page-achievements .preview-header~div:not(.menu-toolbar){grid-template-columns:1fr!important}.character-grid{grid-template-columns:repeat(2,1fr)!important}}#loadingScreen{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#0f172a 0,#111827 50%,#0f172a 100%);display:flex;align-items:center;justify-content:center;animation:loadingFadeIn .5s ease}#loadingScreen.loading-fade-out{animation:loadingFadeOut .5s ease forwards}.loading-container{text-align:center;position:relative;z-index:1}.loading-logo{margin-bottom:40px;animation:loadingLogoEnter .8s ease-out}.loading-icon{font-size:80px;margin-bottom:20px;animation:loadingIconPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(59,130,246,.5))}.loading-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 50%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px 0;letter-spacing:4px}.loading-subtitle{font-size:14px;color:rgba(255,255,255,.4);letter-spacing:2px;text-transform:uppercase;margin:0}.loading-bar-container{width:280px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin:0 auto 20px;overflow:hidden}.loading-bar{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f59e0b);border-radius:2px;transition:width .1s ease;box-shadow:0 0 10px rgba(99,102,241,.5)}.loading-tip{font-size:13px;color:rgba(255,255,255,.5);margin:0;transition:opacity .15s ease;min-height:20px}.loading-particles{position:absolute;inset:-100px;pointer-events:none;overflow:hidden}.loading-particles span{position:absolute;width:6px;height:6px;background:rgba(99,102,241,.6);border-radius:50%;animation:loadingParticleFloat 4s ease-in-out infinite}.loading-particles span:nth-child(1){left:10%;top:20%;animation-delay:0s;background:rgba(59,130,246,.6)}.loading-particles span:nth-child(2){left:20%;top:60%;animation-delay:.5s;background:rgba(167,139,250,.6)}.loading-particles span:nth-child(3){left:35%;top:30%;animation-delay:1s;background:rgba(251,191,36,.6)}.loading-particles span:nth-child(4){left:50%;top:70%;animation-delay:1.5s;background:rgba(52,211,153,.6)}.loading-particles span:nth-child(5){left:65%;top:25%;animation-delay:2s;background:rgba(244,114,182,.6)}.loading-particles span:nth-child(6){left:75%;top:55%;animation-delay:2.5s;background:rgba(59,130,246,.6)}.loading-particles span:nth-child(7){left:85%;top:35%;animation-delay:3s;background:rgba(167,139,250,.6)}.loading-particles span:nth-child(8){left:90%;top:65%;animation-delay:3.5s;background:rgba(251,191,36,.6)}#loadingScreen::before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.15)0,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:loadingGlow 3s ease-in-out infinite}@media (max-width:480px){.loading-icon{font-size:60px}.loading-title{font-size:28px;letter-spacing:2px}.loading-subtitle{font-size:12px}.loading-bar-container{width:220px}}.menu-mouse-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15)0,transparent 70%);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:opacity .3s ease;mix-blend-mode:screen}.menu-card,.mode-card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.menu-card::before,.mode-card::before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2)0,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-card:hover::before,.mode-card:hover::before{opacity:1}.menu-card::after,.mode-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(139,92,246,.5),rgba(59,130,246,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-card:hover::after,.mode-card:hover::after{opacity:1}.menu-section-title,.section-header{position:relative;overflow:visible}.section-header-glow{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),rgba(139,92,246,.5),rgba(59,130,246,.5),transparent);transform:translateY(-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-section-title:hover .section-header-glow,.section-header:hover .section-header-glow{opacity:1}.section-icon,.menu-icon{display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.menu-item{transition:all .2s ease}.menu-item:hover{transform:translateX(5px);background:rgba(59,130,246,.1)}.menu-section-content{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.menu-card:hover .menu-card-icon,.mode-card:hover .mode-card-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 10px currentColor)}.menu-card-icon,.mode-card-icon{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.menu-card:hover .menu-card-title,.mode-card:hover .mode-card-title{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-card-title,.mode-card-title{transition:all .3s ease}.menu-card:hover .menu-card-desc,.mode-card:hover .mode-card-desc{color:rgba(255,255,255,.8)}.menu-card-desc,.mode-card-desc{transition:color .3s ease}.menu-badge,.mode-badge{animation:badgePulse 2s ease-in-out infinite}@media (max-width:768px){.menu-mouse-glow{display:none}.menu-card::before,.mode-card::before{display:none}}@media (prefers-reduced-motion:reduce){.menu-card,.mode-card,.menu-item,.section-icon,.menu-icon{transition:none!important}.menu-mouse-glow{display:none}}.menu-cat-btn{background:linear-gradient(135deg,rgba(255,255,255,.05)0,rgba(255,255,255,.02) 100%)!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:16px!important;padding:20px 24px!important;box-shadow:0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer;position:relative;overflow:hidden}.menu-cat-btn::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.menu-cat-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.08)0,rgba(255,255,255,.03) 100%)!important;border-color:rgba(255,255,255,.15)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 20px rgba(59,130,246,.1),inset 0 1px 0 rgba(255,255,255,.1)!important}.menu-cat-btn:hover::before{opacity:1}.menu-cat-btn:active{transform:translateY(0) scale(.98)!important}.cat-icon{font-size:24px!important;display:block;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cat-title{font-size:16px!important;font-weight:700!important;color:#e8eaed!important;display:block;letter-spacing:.5px}.cat-count{font-size:12px!important;color:#9aa0ab!important;display:block;margin-top:4px}.menu-section-title{font-size:15px!important;font-weight:600!important;color:#9aa0ab!important;padding:12px 0 8px!important;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.menu-section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);margin-left:12px}.collapse-arrow{font-size:12px!important;color:#5f6570!important;transition:transform .3s ease}.mode-btn{background:linear-gradient(135deg,rgba(255,255,255,.04)0,rgba(255,255,255,.01) 100%)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:2px solid rgba(255,255,255,.08)!important;border-radius:36px!important;padding:48px 24px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;min-height:220px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.mode-btn .mode-icon{font-size:72px!important;margin-bottom:14px!important}.mode-btn .mode-name{font-size:24px!important;font-weight:800!important;margin-top:12px!important}.mode-btn .mode-desc{font-size:15px!important;margin-top:8px!important;line-height:1.5!important;color:rgba(255,255,255,.65)!important}.mode-btn::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .25s ease}.mode-btn:hover{background:linear-gradient(135deg,rgba(255,255,255,.07)0,rgba(255,255,255,.02) 100%)!important;border-color:rgba(255,255,255,.12)!important;transform:translateY(-2px)!important;box-shadow:0 8px 16px rgba(0,0,0,.25),0 0 12px rgba(59,130,246,.08)!important}.mode-btn:hover::before{opacity:1}.mode-btn:active{transform:translateY(0) scale(.98)!important}.mode-icon{font-size:22px!important;display:block;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mode-name{font-size:14px!important;font-weight:600!important;color:#e8eaed!important;display:block;letter-spacing:.3px}.mode-desc{font-size:11px!important;color:#5f6570!important;display:block;margin-top:4px;line-height:1.4}.mode-badge{font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;color:#9aa0ab!important;box-shadow:none!important;position:absolute;top:8px;right:8px}.mode-badge[style*=linear-gradient]{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,107,0,.2))!important;color:gold!important;border:1px solid rgba(255,215,0,.3)}.back-to-categories{font-size:13px!important;color:#9aa0ab!important;padding:8px 16px!important;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.back-to-categories:hover{color:#5ba4cf!important}.back-to-categories span{transition:transform .2s ease}.back-to-categories:hover span{transform:translateX(-2px)}.status-bar{background:linear-gradient(135deg,rgba(255,255,255,.03)0,rgba(255,255,255,.01) 100%)!important;backdrop-filter:blur(12px)!important;border-top:1px solid rgba(255,255,255,.06)!important;padding:12px 16px!important}.xp-bar-container{background:rgba(0,0,0,.3)!important;border-radius:4px!important;overflow:hidden;height:6px!important}.xp-bar-fill{background:linear-gradient(90deg,#5ba4cf,#8b5cf6)!important;border-radius:4px!important;box-shadow:0 0 8px rgba(91,164,207,.4)!important}@media (max-width:768px){.menu-cat-btn{padding:16px 20px!important}.mode-btn{padding:14px 10px!important}.cat-icon{font-size:20px!important}.cat-title{font-size:14px!important}}#page-real-cases{padding:0!important;max-width:100%;margin:0 auto;overflow-y:auto;background:0 0}#realCasesContent{width:100%;max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.cases-intro{text-align:center;padding:24px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:rcFadeIn .6s ease-out}.cases-intro h3{font-size:20px;font-weight:700;color:#f8fafc;margin:0 0 8px 0}.cases-intro p{font-size:13px;color:rgba(148,163,184,.7);margin:0;line-height:1.5}.cases-list{display:flex;flex-direction:column;gap:12px;animation:rcFadeIn .6s ease-out .1s both}.case-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.case-card:hover{background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.3);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.case-card-icon{font-size:36px;flex-shrink:0}.case-card-info{flex:1;min-width:0}.case-card-info h4{font-size:15px;font-weight:600;color:#f8fafc;margin:0 0 4px 0}.case-card-info p{font-size:12px;color:rgba(148,163,184,.6);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-card-arrow{font-size:18px;color:rgba(148,163,184,.4);transition:all .2s}.case-card:hover .case-card-arrow{color:#60a5fa;transform:translateX(4px)}.case-header{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:rcFadeIn .5s ease-out}.case-icon{font-size:48px;flex-shrink:0}.case-title-group h3{font-size:20px;font-weight:700;color:#f8fafc;margin:0 0 4px 0}.case-title-group p{font-size:13px;color:rgba(148,163,184,.7);margin:0}.case-impact{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);animation:rcFadeIn .5s ease-out .1s both}.impact-label{font-size:11px;font-weight:600;color:#fca5a5;padding:3px 8px;border-radius:6px;background:rgba(239,68,68,.15);text-transform:uppercase;letter-spacing:.5px}.impact-text{font-size:13px;color:rgba(248,250,252,.8)}.case-timeline{padding:16px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);animation:rcFadeIn .5s ease-out .2s both}.case-timeline h4{font-size:14px;font-weight:600;color:#f8fafc;margin:0 0 14px 0}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;position:relative}.timeline-item:not(:last-child)::after{content:"";position:absolute;left:43px;top:30px;bottom:-10px;width:2px;background:rgba(96,165,250,.2)}.timeline-time{font-size:12px;font-weight:600;color:#60a5fa;min-width:56px;padding-top:2px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#60a5fa;flex-shrink:0;margin-top:4px;box-shadow:0 0 8px rgba(96,165,250,.4)}.timeline-event{font-size:13px;color:rgba(248,250,252,.7);line-height:1.5;flex:1}.case-source{font-size:11px;color:rgba(148,163,184,.5);padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.02);animation:rcFadeIn .5s ease-out .3s both}.scenario-header{padding:20px;border-radius:16px;background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(245,158,11,.08));border:1px solid rgba(239,68,68,.2);animation:rcFadeIn .5s ease-out}.scenario-setting{font-size:16px;font-weight:600;color:#f8fafc}.scenario-desc{font-size:14px;color:rgba(248,250,252,.8);line-height:1.7;padding:16px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);animation:rcFadeIn .5s ease-out .1s both}.scenario-choices{display:flex;flex-direction:column;gap:10px;animation:rcFadeIn .5s ease-out .2s both}.choice-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:rgba(248,250,252,.8);font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.choice-btn:hover:not(:disabled){background:rgba(255,255,255,.06);border-color:rgba(96,165,250,.3);transform:translateY(-1px)}.choice-btn:disabled{cursor:default;opacity:.6}.choice-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(96,165,250,.15);color:#60a5fa;font-size:13px;font-weight:700;flex-shrink:0}.choice-text{flex:1}.choice-btn.correct-choice{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4)}.choice-btn.correct-choice .choice-letter{background:rgba(16,185,129,.25);color:#34d399}.choice-btn.wrong-choice{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}.choice-btn.wrong-choice .choice-letter{background:rgba(239,68,68,.25);color:#fca5a5}.choice-btn.highlight-correct{border-color:rgba(16,185,129,.3)}.choice-result{display:flex;gap:14px;padding:16px;border-radius:14px;animation:rcSlideIn .4s ease-out}.choice-result.correct{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.choice-result.wrong{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}.result-icon{font-size:32px;flex-shrink:0}.result-text h4{font-size:16px;font-weight:700;margin:0 0 6px 0}.choice-result.correct .result-text h4{color:#34d399}.choice-result.wrong .result-text h4{color:#fca5a5}.result-text p{font-size:13px;color:rgba(248,250,252,.7);margin:0;line-height:1.6}.knowledge-header{text-align:center;padding:20px;animation:rcFadeIn .5s ease-out}.knowledge-header h3{font-size:20px;font-weight:700;color:#f8fafc;margin:0 0 6px 0}.knowledge-header p{font-size:13px;color:rgba(148,163,184,.6);margin:0}.knowledge-list{display:flex;flex-direction:column;gap:10px;animation:rcFadeIn .5s ease-out .1s both}.knowledge-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.knowledge-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.knowledge-text{font-size:14px;color:rgba(248,250,252,.8);line-height:1.6}.case-next-btn{padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#60a5fa,#a78bfa);border:0;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 12px rgba(96,165,250,.3);animation:rcFadeIn .5s ease-out .4s both}.case-next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(96,165,250,.4)}.knowledge-actions{display:flex;gap:12px;margin-top:8px;animation:rcFadeIn .5s ease-out .2s both}.case-action-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.case-action-btn.secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(248,250,252,.7)}.case-action-btn.secondary:hover{background:rgba(255,255,255,.08)}.case-action-btn.primary{background:linear-gradient(135deg,#60a5fa,#a78bfa);border:0;color:#fff;box-shadow:0 2px 12px rgba(96,165,250,.3)}.case-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(96,165,250,.4)}@media (max-width:480px){#realCasesContent{padding:12px}.case-header{flex-direction:column;text-align:center}.knowledge-actions{flex-direction:column}}#page-settings{padding:0 16px 100px!important;max-width:600px!important;margin:0 auto!important;overflow-y:auto!important}.settings-header{text-align:center;padding:24px 0 20px;margin-bottom:8px}.settings-header-icon{font-size:48px;margin-bottom:8px;animation:settingsIconFloat 4s ease-in-out infinite}.settings-title{font-size:24px;font-weight:700;color:#f8fafc;margin:0 0 4px}.settings-subtitle{font-size:13px;color:rgba(148,163,184,.7);margin:0}.settings-container{display:flex;flex-direction:column;gap:20px}.settings-header{text-align:center;padding:28px 20px 16px}.settings-header-icon{font-size:48px;margin-bottom:10px}.settings-title{font-size:24px;font-weight:800;color:var(--text-primary, #fff);margin:0 0 6px}.settings-subtitle{font-size:14px;color:var(--text-secondary, #94a3b8);margin:0}.settings-container{max-width:560px;margin:0 auto;padding:0 16px 40px;width:100%;box-sizing:border-box}.settings-section{animation:settingsFadeIn .4s ease backwards}.settings-section:nth-child(1){animation-delay:0s}.settings-section:nth-child(2){animation-delay:.05s}.settings-section:nth-child(3){animation-delay:.1s}.settings-section:nth-child(4){animation-delay:.15s}.settings-section:nth-child(5){animation-delay:.2s}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(148,163,184,.6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px}.settings-section-icon{font-size:14px}.settings-card{position:relative;z-index:1;pointer-events:auto!important;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .25s ease;margin-bottom:8px}.settings-card:last-child{margin-bottom:0}.settings-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.settings-card:active{transform:scale(.995)}.settings-card-danger{border-color:rgba(239,68,68,.1)}.settings-card-danger:hover{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.03)}.settings-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.settings-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.settings-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-card-name{font-size:14px;font-weight:600;color:#f8fafc;line-height:1.4}.settings-card-desc{font-size:12px;color:rgba(148,163,184,.6);line-height:1.4}.settings-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:12px}.settings-card-value{font-size:12px;font-weight:500;color:rgba(148,163,184,.7);white-space:nowrap}.settings-chevron{font-size:18px;color:rgba(148,163,184,.4);font-weight:300;transition:color .2s,transform .2s}.settings-card:hover .settings-chevron{color:rgba(148,163,184,.7);transform:translateX(2px)}.settings-toggle{position:relative;display:inline-block;width:48px;height:28px;cursor:pointer;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:28px;transition:all .3s ease;border:1px solid rgba(255,255,255,.08)}.settings-toggle-slider::before{content:"";position:absolute;height:22px;width:22px;left:2px;bottom:2px;background:rgba(255,255,255,.7);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.2)}.settings-toggle input:checked+.settings-toggle-slider{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:rgba(59,130,246,.3)}.settings-toggle input:checked+.settings-toggle-slider::before{transform:translateX(20px);background:#fff;box-shadow:0 2px 8px rgba(59,130,246,.4)}.settings-toggle input:focus+.settings-toggle-slider{box-shadow:0 0 0 3px rgba(59,130,246,.2)}.settings-volume-wrap{display:flex;align-items:center;gap:10px}.settings-volume-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:2px;outline:0;cursor:pointer}.settings-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 2px 8px rgba(59,130,246,.4);cursor:pointer;transition:transform .2s}.settings-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 2px 8px rgba(59,130,246,.4);cursor:pointer;border:0}.settings-volume-value{font-size:12px;font-weight:600;color:rgba(148,163,184,.7);min-width:36px;text-align:right}body.theme-dawn-light .settings-title,body.theme-warm-light .settings-title{color:#1e293b}body.theme-dawn-light .settings-subtitle,body.theme-warm-light .settings-subtitle{color:rgba(30,41,59,.5)}body.theme-dawn-light .settings-section-title,body.theme-warm-light .settings-section-title{color:rgba(30,41,59,.4)}body.theme-dawn-light .settings-card,body.theme-warm-light .settings-card{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}body.theme-dawn-light .settings-card:hover,body.theme-warm-light .settings-card:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}body.theme-dawn-light .settings-card-name,body.theme-warm-light .settings-card-name{color:#1e293b}body.theme-dawn-light .settings-card-desc,body.theme-warm-light .settings-card-desc{color:rgba(30,41,59,.5)}body.theme-dawn-light .settings-card-value,body.theme-warm-light .settings-card-value{color:rgba(30,41,59,.5)}body.theme-dawn-light .settings-chevron,body.theme-warm-light .settings-chevron{color:rgba(30,41,59,.3)}body.theme-dawn-light .settings-toggle-slider,body.theme-warm-light .settings-toggle-slider{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.1)}body.theme-dawn-light .settings-toggle-slider::before,body.theme-warm-light .settings-toggle-slider::before{background:rgba(0,0,0,.3)}body.theme-dawn-light .settings-volume-slider,body.theme-warm-light .settings-volume-slider{background:rgba(0,0,0,.08)}body.theme-dawn-light .settings-volume-value,body.theme-warm-light .settings-volume-value{color:rgba(30,41,59,.5)}@media (max-width:480px){.settings-header{padding:16px 0 12px}.settings-header-icon{font-size:36px}.settings-title{font-size:20px}.settings-card{padding:12px 14px}.settings-card-icon{width:36px;height:36px;font-size:16px}.settings-card-name{font-size:13px}.settings-card-desc{font-size:11px}.settings-volume-slider{width:80px}}.share-modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:shareOverlayIn .3s ease}.share-modal-content{background:rgba(15,23,42,.95);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:24px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 80px rgba(59,130,246,.1);animation:shareModalIn .4s cubic-bezier(.34,1.56,.64,1)}.share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.share-modal-header h3{margin:0;font-size:18px;color:#f8fafc}.share-modal-close{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:16px;cursor:pointer;transition:all .2s}.share-modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.share-modal-body{margin-bottom:20px}.share-template-selector{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.share-template-btn{flex:1;min-width:100px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:rgba(255,255,255,.7);font-size:12px;cursor:pointer;transition:all .2s}.share-template-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(59,130,246,.3)}.share-template-btn.active{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.5);color:#60a5fa}.share-modal-actions{display:flex;gap:10px}.share-download-btn{flex:1;padding:14px 20px;border-radius:12px;border:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.share-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(59,130,246,.3)}.share-btn-float{position:fixed;bottom:100px;right:20px;z-index:9998;padding:12px 20px;border-radius:50px;border:1px solid rgba(59,130,246,.3);background:rgba(15,23,42,.9);backdrop-filter:blur(12px);color:#60a5fa;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.3)}.share-btn-float:hover{background:rgba(59,130,246,.15);transform:translateY(-2px);box-shadow:0 8px 30px rgba(59,130,246,.2)}@media (max-width:768px){.share-modal-content{padding:16px;max-width:95%}.share-template-selector{flex-direction:column}.share-template-btn{min-width:auto}.share-btn-float{bottom:80px;right:15px;padding:10px 16px;font-size:12px}}.page{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.page.active{opacity:1;transform:scale(1) translateY(0)}#page-menu.active .mode-btn{animation:menuItemSlideIn .5s cubic-bezier(.4,0,.2,1) backwards}#page-menu.active .mode-btn:nth-child(1){animation-delay:.05s}#page-menu.active .mode-btn:nth-child(2){animation-delay:.1s}#page-menu.active .mode-btn:nth-child(3){animation-delay:.15s}#page-menu.active .mode-btn:nth-child(4){animation-delay:.2s}#page-menu.active .mode-btn:nth-child(5){animation-delay:.25s}#page-menu.active .mode-btn:nth-child(6){animation-delay:.3s}#page-menu.active .mode-btn:nth-child(7){animation-delay:.35s}#page-menu.active .mode-btn:nth-child(8){animation-delay:.4s}#page-menu.active .mode-btn:nth-child(9){animation-delay:.45s}#page-menu.active .mode-btn:nth-child(10){animation-delay:.5s}#page-menu.active .mode-btn:nth-child(11){animation-delay:.55s}#page-menu.active .mode-btn:nth-child(12){animation-delay:.6s}.menu-cat-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-cat-btn.active{transform:scale(1.02);box-shadow:0 0 30px rgba(59,130,246,.3),inset 0 0 20px rgba(59,130,246,.1)}.case-card,.cert-level-card{animation:cardFadeIn .5s cubic-bezier(.4,0,.2,1) backwards}.case-card:nth-child(1){animation-delay:.1s}.case-card:nth-child(2){animation-delay:.2s}.case-card:nth-child(3){animation-delay:.3s}.case-card:nth-child(4){animation-delay:.4s}.case-card:nth-child(5){animation-delay:.5s}.modal-overlay{transition:opacity .3s ease,backdrop-filter .3s ease}.modal-overlay:not(.active){opacity:0;pointer-events:none}.modal-overlay.active{opacity:1}.modal-content{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.modal-overlay:not(.active) .modal-content{transform:scale(.9) translateY(20px);opacity:0}.modal-overlay.active .modal-content{transform:scale(1) translateY(0);opacity:1}.mode-btn:active,.tool-btn:active,button:active{transform:scale(.96);transition:transform .1s ease}.menu-toolbar .tool-btn{position:relative;overflow:hidden}.menu-toolbar .tool-btn::before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%);border-radius:2px}.menu-toolbar .tool-btn.active::before{width:60%}.menu-toolbar .tool-btn:hover::before{width:40%}.game-header,.page-header{animation:headerSlideDown .5s cubic-bezier(.4,0,.2,1) backwards}.quiz-opt,.scenario-opt,.choice-btn{animation:optionFadeIn .4s cubic-bezier(.4,0,.2,1) backwards}.quiz-opt:nth-child(1),.choice-btn:nth-child(1){animation-delay:.1s}.quiz-opt:nth-child(2),.choice-btn:nth-child(2){animation-delay:.2s}.quiz-opt:nth-child(3),.choice-btn:nth-child(3){animation-delay:.3s}.quiz-opt:nth-child(4),.choice-btn:nth-child(4){animation-delay:.4s}.hp-bar,.exp-bar,.level-bar{transition:width .6s cubic-bezier(.4,0,.2,1)}.score-display,.coin-display{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.score-display.updated,.coin-display.updated{transform:scale(1.2)}.loading{animation:loadingPulse 1.5s ease-in-out infinite}.correct{animation:successBounce .5s cubic-bezier(.4,0,.2,1)}.wrong{animation:errorShake .4s cubic-bezier(.4,0,.2,1)}.mode-btn:hover,.case-card:hover{transform:translateY(-4px) scale(1.02);transition:all .3s cubic-bezier(.4,0,.2,1)}.page::-webkit-scrollbar{width:6px}.page::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.page::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px;transition:background .3s ease}.page::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.page-content{padding:20px 16px 100px!important;max-width:800px!important;margin:0 auto!important}.page-content .game-header{text-align:center!important;margin-bottom:24px!important;padding:20px 0!important}.page-content .game-header .mode-label{font-size:28px!important;font-weight:700!important;margin-bottom:8px!important}#page-settings{padding:20px 16px 100px!important;max-width:600px!important;margin:0 auto!important}#page-settings .game-header{text-align:center!important;margin-bottom:24px!important;padding:20px 0!important}#page-settings .game-header>div:first-child{font-size:48px!important;margin-bottom:8px!important}#page-settings .game-header h2{font-size:24px!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;margin:0!important}#page-settings>div:not(.game-header):not(.back-float){display:flex!important;flex-direction:column!important;gap:12px!important}#page-settings h4{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:16px 20px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;color:rgba(255,255,255,.9)!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}#page-settings h4:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important;transform:translateY(-1px)!important}#page-settings h4+p,#page-settings p{display:none!important}#page-settings .btn,#page-settings button,#page-settings [onclick]{margin-left:auto!important;padding:6px 16px!important;background:rgba(59,130,246,.15)!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:8px!important;color:#60a5fa!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}#page-settings .btn:hover,#page-settings button:hover{background:rgba(59,130,246,.25)!important}#page-settings .toggle-on,#page-settings [data-on=true]{color:#34d399!important}#page-settings input[type=range]{width:120px!important;margin-left:auto!important;accent-color:#3b82f6!important}#page-achievements{padding:20px 16px 100px!important;max-width:900px!important;margin:0 auto!important}#page-achievements .game-header{text-align:center!important;margin-bottom:24px!important}#page-achievements .game-header>div:first-child{font-size:48px!important;margin-bottom:8px!important}#page-achievements>div:not(.game-header):not(.back-float):not(.menu-toolbar){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:12px!important;padding:0!important}#page-achievements .achievement-item,#page-achievements [class*=achievement]{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:12px!important;transition:all .2s ease!important}#page-achievements .achievement-item:hover,#page-achievements [class*=achievement]:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important;transform:translateY(-2px)!important}#page-achievements .achievement-item.unlocked,#page-achievements [class*=achievement].unlocked{border-color:rgba(52,211,153,.3)!important;background:rgba(52,211,153,.05)!important}#page-achievements .achievement-icon{font-size:28px!important;flex-shrink:0!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.05)!important;border-radius:12px!important}#page-achievements .achievement-info{flex:1!important;min-width:0!important}#page-achievements .achievement-name{font-size:14px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;margin-bottom:4px!important}#page-achievements .achievement-desc{font-size:12px!important;color:rgba(255,255,255,.5)!important}#page-character{padding:20px 16px 100px!important;max-width:900px!important;margin:0 auto!important}#page-character .game-header{text-align:center!important;margin-bottom:24px!important}#page-character>div:not(.game-header):not(.back-float):not(.menu-toolbar){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important;padding:0!important}#page-character .character-card,#page-character [class*=character]{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:20px!important;text-align:center!important;cursor:pointer!important;transition:all .3s ease!important}#page-character .character-card:hover,#page-character [class*=character]:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important;transform:translateY(-4px)!important;box-shadow:0 8px 30px rgba(0,0,0,.2)!important}#page-character .character-card.selected,#page-character [class*=character].selected{border-color:rgba(59,130,246,.5)!important;background:rgba(59,130,246,.08)!important;box-shadow:0 0 20px rgba(59,130,246,.2)!important}#page-character .character-icon{font-size:48px!important;margin-bottom:12px!important}#page-character .character-name{font-size:16px!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;margin-bottom:8px!important}#page-character .character-skill{font-size:12px!important;color:rgba(255,255,255,.5)!important;line-height:1.5!important}#page-stats{padding:20px 16px 100px!important;max-width:800px!important;margin:0 auto!important}#page-stats .game-header{text-align:center!important;margin-bottom:24px!important}#page-stats .level-bar,#page-stats [class*=level]{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:20px!important;margin-bottom:20px!important;text-align:center!important}#page-stats>div:not(.game-header):not(.back-float):not(.menu-toolbar):not(.level-bar){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important;padding:0!important}#page-stats .stat-card,#page-stats [class*=stat]{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:16px!important;text-align:center!important;transition:all .2s ease!important}#page-stats .stat-card:hover,#page-stats [class*=stat]:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.2)!important}#page-stats .stat-value{font-size:28px!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;margin-bottom:4px!important}#page-stats .stat-label{font-size:12px!important;color:rgba(255,255,255,.5)!important}#page-shop{padding:20px 16px 100px!important;max-width:800px!important;margin:0 auto!important}#page-shop .game-header{text-align:center!important;margin-bottom:24px!important}#page-shop>div:not(.game-header):not(.back-float):not(.menu-toolbar){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:12px!important;padding:0!important}#page-shop .shop-item,#page-shop [class*=shop-item]{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:16px!important;text-align:center!important;transition:all .2s ease!important}#page-shop .shop-item:hover,#page-shop [class*=shop-item]:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(59,130,246,.3)!important;transform:translateY(-2px)!important}#page-encyclopedia{padding:20px 16px 100px!important;max-width:800px!important;margin:0 auto!important}#page-calendar{padding:20px 16px 100px!important;max-width:600px!important;margin:0 auto!important}#page-leaderboard{padding:20px 16px 100px!important;max-width:600px!important;margin:0 auto!important}@media (max-width:768px){#page-achievements>div:not(.game-header):not(.back-float):not(.menu-toolbar){grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}#page-character>div:not(.game-header):not(.back-float):not(.menu-toolbar){grid-template-columns:repeat(2,1fr)!important}#page-stats>div:not(.game-header):not(.back-float):not(.menu-toolbar):not(.level-bar){grid-template-columns:repeat(2,1fr)!important}#page-shop>div:not(.game-header):not(.back-float):not(.menu-toolbar){grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){#page-character>div:not(.game-header):not(.back-float):not(.menu-toolbar){grid-template-columns:1fr!important}#page-stats>div:not(.game-header):not(.back-float):not(.menu-toolbar):not(.level-bar){grid-template-columns:1fr!important}}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>*{animation:fadeInUp .3s ease backwards}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(1){animation-delay:.02s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(2){animation-delay:.04s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(3){animation-delay:.06s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(4){animation-delay:.08s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(5){animation-delay:.1s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(6){animation-delay:.12s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(7){animation-delay:.14s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(8){animation-delay:.16s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(9){animation-delay:.18s}.page-content>div:not(.game-header):not(.back-float):not(.menu-toolbar)>:nth-child(10){animation-delay:.2s}.back-float{position:fixed!important;top:16px!important;left:16px!important;z-index:100!important;width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.7)!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;padding:0!important;min-width:auto!important}.back-float:hover{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.9)!important;transform:scale(1.05)!important}:root{--glass-blur:20px;--glass-saturate:1.6;--glass-bg:rgba(255,255,255,0.06);--glass-border:rgba(255,255,255,0.12);--glass-highlight:rgba(255,255,255,0.15);--glass-shadow:rgba(0,0,0,0.3);--accent-cyan:#00d4ff;--accent-purple:#a855f7;--accent-green:#00e676;--accent-red:#ff1744;--accent-orange:#ff9800;--perspective:1000px}body{perspective:1200px;perspective-origin:50% 40%;overflow-x:hidden}.page{transform-style:preserve-3d}.quiz-opt,.scenario-opt,.quiz-card,.quiz-content,.scenario-card,.quiz-exp-box,.explanation-box,.mode-btn,.survival-hud,.result-box,.scenario-feedback{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08)0,rgba(255,255,255,.03) 50%,rgba(255,255,255,.06) 100%);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(1.05);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(1.05);border:1.5px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),inset 0-1px 0 rgba(255,255,255,.03);transform-style:preserve-3d}.quiz-opt::before,.scenario-opt::before,.quiz-card::before,.quiz-content::before,.scenario-card::before,.mode-btn::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.08)0,rgba(255,255,255,.02) 60%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none;z-index:-1}.quiz-opt::after,.scenario-opt::after,.quiz-card::after,.quiz-content::after,.scenario-card::after{content:"";position:absolute;top:-1px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.4) 30%,rgba(0,212,255,.3) 50%,rgba(255,255,255,.4) 70%,transparent 100%);border-radius:2px;pointer-events:none;z-index:-1;opacity:.6;transition:opacity .3s}.quiz-options,.scenario-options,.pk-options{display:flex;flex-direction:column;gap:12px;width:100%;padding:8px 0}.quiz-opt,.scenario-opt{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;color:#e0e0e0;font-size:.95em;line-height:1.5;text-align:left;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:perspective(var(--perspective)) rotateX(0deg) rotateY(0deg) translateZ(0);will-change:transform,box-shadow}.quiz-opt .opt-label,.scenario-opt .opt-label{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:10px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(168,85,247,.15));border:1px solid rgba(0,212,255,.3);color:var(--accent-cyan);font-family:"Orbitron","Rajdhani",sans-serif;font-weight:700;font-size:.85em;text-shadow:0 0 8px rgba(0,212,255,.5);transform:translateZ(8px);position:relative;z-index:3}.quiz-opt .opt-text,.scenario-opt .opt-text{transform:translateZ(4px);position:relative;z-index:3}.quiz-opt:hover,.scenario-opt:hover{transform:perspective(var(--perspective)) rotateX(-3deg) rotateY(2deg) translateZ(16px) scale(1.02);border-color:rgba(0,212,255,.4);background:linear-gradient(135deg,rgba(0,212,255,.12)0,rgba(168,85,247,.08) 50%,rgba(0,212,255,.06) 100%);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 40px rgba(0,212,255,.12),0 0 80px rgba(0,212,255,.06),inset 0 1px 0 rgba(255,255,255,.2)}.quiz-opt:hover::after,.scenario-opt:hover::after{opacity:1;background:linear-gradient(90deg,transparent 0,rgba(0,212,255,.6) 30%,rgba(168,85,247,.5) 50%,rgba(0,212,255,.6) 70%,transparent 100%)}.quiz-opt:active,.scenario-opt:active{transform:perspective(var(--perspective)) rotateX(1deg) rotateY(-1deg) translateZ(-4px) scale(.98);transition-duration:.1s}.quiz-opt.correct,.scenario-opt.correct{background:linear-gradient(135deg,rgba(0,230,118,.18)0,rgba(0,230,118,.06) 100%)!important;border-color:rgba(0,230,118,.5)!important;box-shadow:0 12px 40px rgba(0,230,118,.25),0 0 60px rgba(0,230,118,.12),0 0 120px rgba(0,230,118,.06),inset 0 1px 0 rgba(255,255,255,.2)!important;transform:perspective(var(--perspective)) translateZ(30px) scale(1.03)!important;color:#69f0ae}.quiz-opt.correct .opt-label{background:linear-gradient(135deg,rgba(0,230,118,.35),rgba(0,230,118,.15));border-color:rgba(0,230,118,.5);color:#00e676}.quiz-opt.correct::after{background:linear-gradient(90deg,transparent,rgba(0,230,118,.6),transparent)!important;opacity:1}.quiz-opt.wrong,.scenario-opt.wrong{background:linear-gradient(135deg,rgba(255,23,68,.18)0,rgba(255,23,68,.06) 100%)!important;border-color:rgba(255,23,68,.5)!important;box-shadow:0 8px 30px rgba(255,23,68,.25),0 0 50px rgba(255,23,68,.1),inset 0 1px 0 rgba(255,255,255,.1)!important;transform:perspective(var(--perspective)) rotateX(2deg) rotateY(-3deg) translateZ(-8px) scale(.97)!important;color:#ff5252;animation:wrongShake3D .6s ease}.quiz-opt.wrong .opt-label{background:linear-gradient(135deg,rgba(255,23,68,.35),rgba(255,23,68,.15));border-color:rgba(255,23,68,.5);color:#ff1744}.quiz-opt.wrong::after{background:linear-gradient(90deg,transparent,rgba(255,23,68,.6),transparent)!important;opacity:1}.quiz-opt.disabled,.scenario-opt.disabled{pointer-events:none;opacity:.4;filter:grayscale(.5) brightness(.8);transform:none!important}.quiz-opt.disabled.correct,.scenario-opt.disabled.correct{opacity:1!important;filter:none!important}.quiz-card,.quiz-content,.scenario-card{padding:28px 24px;width:100%;max-width:500px;animation:card3DGlassIn .7s cubic-bezier(.34,1.56,.64,1)}.quiz-card::after,.quiz-content::after,.scenario-card::after{bottom:-10px;left:5%;right:5%;height:24px;background:radial-gradient(ellipse,rgba(0,0,0,.35)0,transparent 70%);filter:blur(10px);transform:translateZ(-15px);z-index:-1}.disaster-icon,.quiz-disaster-icon,.scenario-icon{font-size:3.2em;text-align:center;margin-bottom:12px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));transform-style:preserve-3d;animation:icon3DGlassFloat 5s ease-in-out infinite}.quiz-question{font-size:1.15em;font-weight:600;color:#f0f0f0;line-height:1.6;margin-bottom:18px;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.4);transform:translateZ(6px);position:relative;z-index:3}.quiz-exp-box,.explanation-box{padding:20px;width:100%;max-width:500px;animation:exp3DGlassIn .5s cubic-bezier(.34,1.56,.64,1)}.exp-text{font-size:.95em;color:#b0bec5;line-height:1.6;margin-bottom:10px;transform:translateZ(4px);position:relative;z-index:3}.tip-text{font-size:.9em;color:#80cbc4;padding:12px 16px;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(0,212,255,.04));border-radius:12px;border-left:3px solid rgba(0,212,255,.5);backdrop-filter:blur(10px);transform:translateZ(4px);position:relative;z-index:3}.quiz-progress-bar{width:100%;max-width:500px;height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:14px;transform:translateZ(4px);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:3px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 16px rgba(0,212,255,.4),0 0 40px rgba(0,212,255,.15);transform:translateZ(4px)}.quiz-timer{width:100%;max-width:500px;height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;margin-bottom:14px;transform:translateZ(4px)}.quiz-timer-fill{height:100%;background:linear-gradient(90deg,#00e676,#ffea00,#ff1744);border-radius:4px;transition:width .3s linear;box-shadow:0 0 12px rgba(255,234,0,.3)}.quiz-header,.scenario-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:10px 0;margin-bottom:8px}.quiz-progress-text,.quiz-score-text{font-family:"Orbitron","Rajdhani",sans-serif;font-size:.85em;color:rgba(255,255,255,.7);text-shadow:0 1px 4px rgba(0,0,0,.3);transform:translateZ(4px)}.quiz-streak{font-family:"Orbitron","Rajdhani",sans-serif;font-size:.85em;color:var(--accent-orange);text-shadow:0 0 12px rgba(255,152,0,.5);animation:streakPulse 1.2s ease-in-out infinite;transform:translateZ(6px)}.btn-primary,.quiz-next-btn{position:relative;padding:14px 36px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;font-family:"Rajdhani",sans-serif;font-size:1.05em;font-weight:700;cursor:pointer;overflow:hidden;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.3);transform-style:preserve-3d;transform:perspective(800px) rotateX(0deg);transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px rgba(0,212,255,.3),0 0 40px rgba(0,212,255,.1),inset 0 1px 0 rgba(255,255,255,.25)}.btn-primary:hover,.quiz-next-btn:hover{transform:perspective(800px) rotateX(-6deg) translateZ(12px) scale(1.06);box-shadow:0 18px 40px rgba(0,212,255,.4),0 0 60px rgba(0,212,255,.2),0 0 100px rgba(168,85,247,.1),inset 0 1px 0 rgba(255,255,255,.3)}.btn-primary:active,.quiz-next-btn:active{transform:perspective(800px) rotateX(2deg) translateZ(-5px) scale(.95)}.btn-primary::before,.quiz-next-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s}.btn-primary:hover::before,.quiz-next-btn:hover::before{left:100%}.mode-btn{padding:48px 24px!important;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);min-height:220px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.mode-btn:hover{transform:perspective(1000px) rotateX(-5deg) rotateY(5deg) translateZ(16px) scale(1.06);border-color:rgba(0,212,255,.4);box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 40px rgba(0,212,255,.12),inset 0 1px 0 rgba(255,255,255,.2)}.mode-btn:active{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg) translateZ(-5px) scale(.97)}.survival-hud{width:100%;max-width:500px;padding:14px 18px;margin-bottom:14px;border-color:rgba(255,23,68,.2);background:linear-gradient(135deg,rgba(255,23,68,.1),rgba(255,23,68,.03))}.hp-bar-container{width:100%;height:10px;background:rgba(255,255,255,.06);border-radius:5px;overflow:hidden;margin-top:8px;transform:perspective(600px) rotateX(2deg) translateZ(4px);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ff1744,#ff5252,#ff8a80);border-radius:5px;transition:width .5s ease;box-shadow:0 0 16px rgba(255,23,68,.4),0 0 30px rgba(255,23,68,.15);transform:translateZ(4px)}.combo-celebration{position:fixed;top:50%;left:50%;font-size:2.8em;font-family:"Orbitron",sans-serif;font-weight:900;text-shadow:0 0 20px rgba(0,212,255,.8),0 0 40px rgba(0,212,255,.4),0 0 80px rgba(168,85,247,.3);pointer-events:none;z-index:9999;animation:combo3DGlassExplode 1.6s ease-out forwards}.scenario-feedback{padding:16px;margin-top:12px;font-size:.95em;line-height:1.5;animation:feedback3DGlassIn .5s cubic-bezier(.34,1.56,.64,1)}.scenario-feedback.correct{background:linear-gradient(135deg,rgba(0,230,118,.12),rgba(0,230,118,.04));border-color:rgba(0,230,118,.35);color:#69f0ae}.scenario-feedback.wrong{background:linear-gradient(135deg,rgba(255,23,68,.12),rgba(255,23,68,.04));border-color:rgba(255,23,68,.35);color:#ff5252}.result-box{text-align:center;padding:28px;animation:result3DGlassIn .9s cubic-bezier(.34,1.56,.64,1)}#bgCanvas{transform:translateZ(-200px) scale(1.2)}@media (max-width:420px){.quiz-opt,.scenario-opt{padding:14px 16px;font-size:.88em;gap:10px}.quiz-opt .opt-label,.scenario-opt .opt-label{width:28px;height:28px;min-width:28px;font-size:.8em}.quiz-card,.quiz-content,.scenario-card{padding:20px 16px;border-radius:16px}.disaster-icon,.quiz-disaster-icon,.scenario-icon{font-size:2.5em}.quiz-question{font-size:1.05em}.quiz-opt:hover,.scenario-opt:hover{transform:perspective(var(--perspective)) rotateX(-1deg) rotateY(1deg) translateZ(8px) scale(1.01)}.mode-btn:hover{transform:perspective(1000px) rotateX(-2deg) rotateY(2deg) translateZ(8px) scale(1.03)}}@media (prefers-reduced-motion:reduce){.quiz-opt,.scenario-opt,.mode-btn,.btn-primary,.quiz-next-btn,.disaster-icon,.quiz-disaster-icon,.scenario-icon,.menu-logo-title{transform:none!important;animation:none!important}.quiz-card,.quiz-content,.scenario-card,.quiz-exp-box,.explanation-box,.result-box,.scenario-feedback,.combo-celebration{animation:none!important}}.menu-logo{transform-style:preserve-3d;animation:menuLogoFloat 8s ease-in-out infinite}.menu-section-title{position:relative;padding:12px 24px;background:linear-gradient(90deg,rgba(0,212,255,.08),rgba(168,85,247,.08),rgba(0,230,118,.08));backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:16px;box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}.menu-grid{gap:14px}.menu-toolbar{background:linear-gradient(180deg,rgba(12,12,35,.92)0,rgba(8,8,24,.96) 100%)!important;backdrop-filter:blur(28px) saturate(220%)!important;-webkit-backdrop-filter:blur(28px) saturate(220%)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0-4px 30px rgba(0,0,0,.5),0-10px 50px rgba(0,212,255,.04),inset 0 1px 0 rgba(255,255,255,.05)!important}.menu-toolbar::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,212,255,.2) 50%,transparent 100%);z-index:1}.tool-btn{position:relative;transition:all .25s cubic-bezier(.25,.46,.45,.94);border-radius:12px!important}.tool-btn:hover{transform:translateY(-3px)!important;background:rgba(255,255,255,.08)!important}.tool-btn:active{transform:translateY(0) scale(.95)!important}.tool-btn.active{background:linear-gradient(135deg,rgba(0,212,255,.15)0,rgba(124,77,255,.1) 100%)!important;border:1px solid rgba(0,212,255,.3)!important;box-shadow:0 0 20px rgba(0,212,255,.15),inset 0 1px 0 rgba(255,255,255,.1)!important}.page{transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .4s ease}.page.active{transform:perspective(1000px) translateZ(0) rotateX(0);opacity:1}.quiz-opt:hover{transform:perspective(800px) rotateX(-3deg) rotateY(2deg) translateZ(8px) scale(1.01);border-color:var(--accent-cyan);box-shadow:0 12px 40px rgba(0,0,0,.3),0 0 25px rgba(0,212,255,.12)}.scenario-card{transform-style:preserve-3d;box-shadow:0 8px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08)}.scenario-card:hover{transform:perspective(800px) rotateX(-2deg) translateY(-4px)}#scenarioContent{padding-bottom:20px!important}#page-scenario .scenario-card{margin-bottom:8px!important}#page-scenario .scenario-feedback{margin-bottom:10px!important}#page-scenario .quiz-next-btn{margin-top:4px!important;margin-bottom:16px!important}.quiz-progress-bar{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));box-shadow:0 0 12px rgba(0,212,255,.4);transition:width .5s cubic-bezier(.25,.46,.45,.94)}.ls-bar-fill{box-shadow:0 0 8px rgba(0,212,255,.5),0 2px 4px rgba(0,0,0,.3)}.hp-bar-container{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.hp-bar-fill{background:linear-gradient(90deg,#ff1744,#ff9800,#4caf50);box-shadow:0 0 10px rgba(76,175,80,.3)}.result-box{transform-style:preserve-3d;animation:resultPop3D .6s cubic-bezier(.175,.885,.32,1.275)}.stat-card{transform-style:preserve-3d;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.stat-card:hover{transform:perspective(800px) rotateY(-5deg) translateZ(15px) translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 30px rgba(0,212,255,.1)}.version-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(168,85,247,.2));border:1px solid rgba(0,212,255,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--accent-cyan);text-shadow:0 0 10px rgba(0,212,255,.5);animation:versionPulse 2s ease-in-out infinite}.back-float{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.04));backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.back-float:hover{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-color:rgba(0,212,255,.3);transform:translateX(-4px) scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 20px rgba(0,212,255,.1)}#modalContent>div,#themeModal>div,.modal-overlay-content{transform-style:preserve-3d;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 40px rgba(0,212,255,.08),inset 0 1px 0 rgba(255,255,255,.1)!important}.wrong-book-stats{display:flex;gap:20px;justify-content:center;margin:20px 0;padding:20px;background:rgba(255,255,255,.05);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.wb-stat{display:flex;flex-direction:column;align-items:center;padding:15px 25px}.wb-stat-num{font-size:32px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wb-stat-label{font-size:13px;color:rgba(255,255,255,.6);margin-top:5px}.wrong-book-actions{display:flex;gap:12px;justify-content:center;margin:20px 0}.wb-btn{padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);font-size:14px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px)}.wb-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}.wb-btn-primary{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(139,92,246,.4));border-color:rgba(99,102,241,.3)}.wb-btn-primary:hover{background:linear-gradient(135deg,rgba(59,130,246,.6),rgba(139,92,246,.6))}.wb-btn-danger{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.wb-btn-danger:hover{background:rgba(239,68,68,.4)}.wb-btn-small{padding:6px 12px;font-size:12px;margin-top:8px;margin-right:8px}.wb-btn-del{background:rgba(255,255,255,.05);opacity:.7}.wrong-book-list{display:flex;flex-direction:column;gap:12px;padding:0 10px;max-height:500px;overflow-y:auto}.wb-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s ease}.wb-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}.wb-item.mastered{opacity:.6;border-color:rgba(34,197,94,.3)}.wb-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wb-item-status{font-size:12px;font-weight:600}.wb-item-count{font-size:11px;color:rgba(255,255,255,.5);background:rgba(239,68,68,.2);padding:2px 8px;border-radius:10px}.wb-item.mastered .wb-item-count{background:rgba(34,197,94,.2);color:rgba(34,197,94,.8)}.wb-item-question{font-size:14px;color:rgba(255,255,255,.9);line-height:1.5;margin-bottom:8px}.wb-item-answer{font-size:13px;color:rgba(34,197,94,.9);padding:8px 12px;background:rgba(34,197,94,.1);border-radius:8px;margin-bottom:8px}.wb-item-exp{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:8px;margin-bottom:8px}.wb-review{padding:20px;text-align:center}.wb-review h3{font-size:20px;margin-bottom:20px;color:rgba(255,255,255,.9)}.wb-review-question{font-size:16px;color:rgba(255,255,255,.95);padding:20px;background:rgba(255,255,255,.05);border-radius:12px;margin-bottom:20px;line-height:1.6}.wb-review-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.wb-review-opt{padding:14px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.wb-review-opt:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:rgba(99,102,241,.4)}.wb-review-opt:disabled{cursor:not-allowed;opacity:.7}.wb-review-opt.correct{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);color:#22c55e}.wb-review-opt.wrong{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5);color:#ef4444}#wrongBookBadge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px rgba(239,68,68,.4)}.wrong-book-list::-webkit-scrollbar{width:6px}.wrong-book-list::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:3px}.wrong-book-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.wrong-book-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:.2}to{transform:scale(.8);opacity:.6}}@keyframes tagPulse{0%{box-shadow:0 0 0 0 rgba(251,191,36,.4)}50%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes titlePulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.page-content,.codex-grid,.achievement-list,.shop-list,.wrong-book-list,.leaderboard-content,.settings-container,.encyclopedia-content,.preview-container,.modal-box,.ai-float-body,.ai-float-panel{-webkit-overflow-scrolling:touch}@media (max-width:480px){body{-webkit-text-size-adjust:100%}.mode-desc,.feature-text p,.quiz-opt-text{font-size:12px!important}}.tutorial-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:auto}.tutorial-overlay:not(.tutorial-spotlight-mode){background:rgba(8,12,28,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tutorial-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 4px rgba(139,92,246,.6),0 0 0 9999px rgba(8,12,28,.72);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:9997}.tutorial-card{max-width:360px;width:calc(100% - 48px);padding:28px 24px;text-align:center;background:linear-gradient(160deg,rgba(30,41,99,.96),rgba(15,23,42,.96));border:1px solid rgba(139,92,246,.4);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(139,92,246,.22);color:#fff;animation:tutPop .35s cubic-bezier(.34,1.56,.64,1) both;box-sizing:border-box}@keyframes tutPop{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-icon{font-size:44px;margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(139,92,246,.5))}.tutorial-icon-small{font-size:30px;margin-bottom:6px}.tutorial-title{font-size:20px;font-weight:800;margin-bottom:10px;color:#c4b5fd;text-shadow:0 2px 8px rgba(139,92,246,.4)}.tutorial-desc{font-size:14px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:22px}.tutorial-desc strong{color:#fbbf24}.tutorial-card .tutorial-btn{display:block;width:100%;margin:0 auto 10px;padding:13px 20px;border:0;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;outline:0;font-family:inherit;box-shadow:0 6px 20px rgba(139,92,246,.35)}.tutorial-card .tutorial-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(139,92,246,.5)}.tutorial-card .tutorial-btn:active{transform:scale(.97)}.tutorial-skip{display:block;width:100%;margin:0 auto;padding:10px 20px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:13px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;outline:0;font-family:inherit}.tutorial-skip:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.1)}.cert-card{position:relative}.cert-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;outline:0;font-family:inherit;z-index:3}.cert-close:hover{background:rgba(239,68,68,.35);border-color:rgba(239,68,68,.55);transform:rotate(90deg)}button,[role=button],.btn{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.quiz-opt,.dq-opt,.scenario-opt{appearance:none!important;-webkit-appearance:none!important}.suggestion-btn,.action-btn{appearance:none!important;-webkit-appearance:none!important}.codex-filter-btn{appearance:none!important;-webkit-appearance:none!important}
@media (max-width:768px){html,body{overflow:visible!important;-webkit-overflow-scrolling:touch!important}.page{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}#app{-webkit-overflow-scrolling:touch!important}}.page.active{transform:none!important}html{-webkit-overflow-scrolling:touch!important}.page:not(.active){overflow:hidden!important}
html,body,button,a,.mode-btn,.menu-cat-btn,.tool-btn,.quiz-option,.quiz-opt,.codex-filter-btn,.feature-item,.menu-section-title,.back-to-categories,.preview-header,.btn,[role=button],[onclick]{touch-action:manipulation!important}.page-content,.preview-container,.achievement-list,.codex-grid,.shop-list,.leaderboard-content,.settings-container,#encyclopediaContent,#calendarContent,#statsContent,.quiz-options-group,.codex-filters,.game-content-scroll{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}.mode-btn:active,.menu-cat-btn:active,.tool-btn:active,.btn:active,.btn-primary:active,.quiz-option:active,.quiz-opt:active,.codex-filter-btn:active,.feature-item:active,.back-to-categories:active{transform:scale(.96)!important;transition:transform .05s ease!important}*{-webkit-tap-highlight-color:transparent!important}.btn:disabled,.btn[disabled],.mode-btn.disabled,.tool-btn.disabled,.quiz-opt.disabled,.option-btn.disabled{opacity:.4!important;pointer-events:none!important;filter:grayscale(.5)!important}body{overscroll-behavior:none!important;-webkit-overflow-scrolling:touch!important}.btn-clicked{pointer-events:none!important;opacity:.7!important}.quiz-opt,.option-btn{position:relative!important;z-index:1!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}.quiz-opt>*,.option-btn>*{pointer-events:none!important}.mode-btn,.menu-cat-btn,.tool-btn,.btn,.btn-primary,.codex-filter-btn{min-height:44px!important}.page-content::-webkit-scrollbar,.preview-container::-webkit-scrollbar,.codex-grid::-webkit-scrollbar{width:4px!important}.page-content::-webkit-scrollbar-thumb,.preview-container::-webkit-scrollbar-thumb,.codex-grid::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3)!important;border-radius:4px!important}.memory-card,.memory-card-inner,.memory-card-front,.memory-card-back{pointer-events:auto!important;-webkit-touch-callout:none!important}img,svg,video,canvas{max-width:100%!important;height:auto!important}.codex-grid{min-height:300px!important}@media screen and (orientation:landscape) and (max-height:500px){.page-content{padding-top:50px!important}.preview-header{padding:14px 0 10px!important}.preview-icon{font-size:32px!important}.preview-title{font-size:20px!important}}@media (max-width:360px){body #page-menu .mode-btn{padding:32px 16px!important;min-height:160px!important}body #page-menu .mode-btn .mode-icon{font-size:48px!important}body #page-menu .mode-btn .mode-name{font-size:18px!important}body #page-menu .menu-cat-btn{padding:28px 18px!important;min-height:120px!important}.menu-logo-title{font-size:36px!important}.menu-logo-sub{font-size:13px!important}.menu-category-btns{gap:10px!important}body #page-menu .menu-section-title{font-size:16px!important}.preview-title{font-size:24px!important}}@media (min-width:768px){.page-content{max-width:600px!important;margin:0 auto!important}}.menu-toolbar{padding-bottom:calc(10px + env(safe-area-inset-bottom,0))!important}
.ai-fab{position:fixed!important;bottom:calc(100px + env(safe-area-inset-bottom,0))!important;right:20px!important;z-index:10001!important;width:56px!important;height:56px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:0!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 40px rgba(139,92,246,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;pointer-events:auto!important;animation:ai-fab-pulse 3s ease-in-out infinite!important}.ai-fab:hover{transform:scale(1.1)!important;box-shadow:0 6px 30px rgba(59,130,246,.6),0 0 60px rgba(139,92,246,.3)!important}.ai-fab:active{transform:scale(.95)!important}.ai-fab-badge{position:absolute!important;top:-2px!important;right:-2px!important;width:16px!important;height:16px!important;background:#ef4444!important;border-radius:50%!important;border:2px solid #0f172a!important;animation:ai-fab-badge-pulse 2s ease-in-out infinite!important}@keyframes ai-fab-pulse{0%,to{box-shadow:0 4px 20px rgba(59,130,246,.4),0 0 40px rgba(139,92,246,.2)}50%{box-shadow:0 4px 30px rgba(59,130,246,.6),0 0 60px rgba(139,92,246,.3)}}@keyframes ai-fab-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.ai-float-panel{position:fixed!important;bottom:150px!important;right:20px!important;width:380px!important;max-height:520px!important;z-index:9997!important;background:rgba(15,23,42,.92)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(59,130,246,.1)!important;display:none!important;flex-direction:column!important;overflow:hidden!important;pointer-events:auto!important;animation:ai-panel-slide-in .3s cubic-bezier(.4,0,.2,1)!important}.ai-float-panel.active{display:flex!important}@keyframes ai-panel-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-float-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))!important}.ai-float-header-left{display:flex!important;align-items:center!important;gap:10px!important}.ai-float-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}.ai-float-title{font-size:14px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important}.ai-float-subtitle{font-size:11px!important;color:rgba(255,255,255,.5)!important}.ai-float-close{width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.6)!important;font-size:14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.ai-float-close:hover{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.9)!important}.ai-float-tabs{display:flex!important;padding:8px 12px!important;gap:4px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.ai-float-tab{flex:1!important;padding:8px 4px!important;border:0!important;border-radius:8px!important;background:0 0!important;color:rgba(255,255,255,.5)!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important;text-align:center!important}.ai-float-tab:hover{background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.8)!important}.ai-float-tab.active{background:rgba(59,130,246,.15)!important;color:#60a5fa!important;font-weight:600!important}.ai-float-body{flex:1!important;overflow-y:auto!important;padding:16px!important;max-height:360px!important}.ai-float-body::-webkit-scrollbar{width:4px!important}.ai-float-body::-webkit-scrollbar-track{background:0 0!important}.ai-float-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)!important;border-radius:2px!important}.ai-msg{margin-bottom:12px!important;animation:ai-msg-fade-in .3s ease!important}@keyframes ai-msg-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-msg-bot{display:flex!important;gap:8px!important}.ai-msg-bot .ai-msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;flex-shrink:0!important}.ai-msg-bot .ai-msg-bubble{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px 12px 12px 4px!important;padding:10px 14px!important;font-size:13px!important;color:rgba(255,255,255,.85)!important;line-height:1.6!important;max-width:280px!important}.ai-msg-user{display:flex!important;justify-content:flex-end!important}.ai-msg-user .ai-msg-bubble{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(139,92,246,.2))!important;border:1px solid rgba(59,130,246,.2)!important;border-radius:12px 12px 4px 12px!important;padding:10px 14px!important;font-size:13px!important;color:rgba(255,255,255,.9)!important;line-height:1.6!important;max-width:280px!important}.ai-quick-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}.ai-quick-btn{padding:6px 12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.7)!important;font-size:11px!important;cursor:pointer!important;transition:all .2s ease!important}.ai-quick-btn:hover{background:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.3)!important;color:#60a5fa!important}.ai-radar-container{display:flex!important;flex-direction:column!important;align-items:center!important;padding:8px 0!important}.ai-radar-container canvas{max-width:200px!important;max-height:200px!important}.ai-mastery-list{width:100%!important;margin-top:12px!important}.ai-mastery-item{display:flex!important;align-items:center!important;gap:8px!important;padding:6px 0!important;font-size:12px!important;color:rgba(255,255,255,.7)!important}.ai-mastery-bar{flex:1!important;height:4px!important;background:rgba(255,255,255,.08)!important;border-radius:2px!important;overflow:hidden!important}.ai-mastery-bar-fill{height:100%!important;border-radius:2px!important;transition:width .5s ease!important}.ai-recommend-card{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:12px!important;margin-bottom:8px!important;cursor:pointer!important;transition:all .2s ease!important}.ai-recommend-card:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(59,130,246,.3)!important}.ai-recommend-title{font-size:13px!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;margin-bottom:4px!important}.ai-recommend-desc{font-size:11px!important;color:rgba(255,255,255,.5)!important}.ai-float-footer{padding:12px 16px!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex!important;gap:8px!important}.ai-float-input{flex:1!important;padding:8px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.9)!important;font-size:13px!important;outline:0!important;transition:all .2s ease!important}.ai-float-input:focus{border-color:rgba(59,130,246,.4)!important;background:rgba(255,255,255,.06)!important}.ai-float-input::placeholder{color:rgba(255,255,255,.3)!important}.ai-float-send{width:36px!important;height:36px!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.ai-float-send:hover{transform:scale(1.05)!important;box-shadow:0 4px 15px rgba(59,130,246,.4)!important}.ai-float-btn{flex:1!important;padding:11px 16px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;letter-spacing:.3px!important;box-shadow:0 4px 16px rgba(59,130,246,.35),inset 0 1px 0 rgba(255,255,255,.15)!important;transition:all .2s ease!important;appearance:none!important;-webkit-appearance:none!important;outline:0!important;font-family:inherit!important}.ai-float-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.2)!important}.ai-float-btn:active{transform:scale(.97)!important}@media (max-width:480px){.ai-float-panel{width:calc(100vw - 24px)!important;right:12px!important;bottom:140px!important;max-height:60vh!important}.ai-fab{bottom:72px!important;right:12px!important;width:48px!important;height:48px!important;font-size:20px!important}}
.disaster-icon,.quiz-disaster-icon,.scenario-icon{position:relative;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(0,212,255,.25))!important}.disaster-icon::after,.quiz-disaster-icon::after,.scenario-icon::after{content:""!important;position:absolute!important;inset:-.28em!important;border-radius:50%!important;background:radial-gradient(circle,rgba(0,212,255,.18),transparent 70%)!important;z-index:-1!important;pointer-events:none!important}.scenario-header{border-color:rgba(239,68,68,.28)!important;box-shadow:0 10px 36px rgba(0,0,0,.35),0 0 28px rgba(239,68,68,.1),inset 0 1px 0 rgba(255,255,255,.08)!important;position:relative!important;overflow:hidden!important}.scenario-header::before{content:""!important;position:absolute!important;top:0;left:0;right:0;height:3px!important;background:linear-gradient(90deg,#ef4444,#f59e0b)!important;opacity:.85!important}.scenario-setting{color:#fff!important;letter-spacing:.3px!important}.scenario-title{font-size:20px!important;font-weight:800!important;letter-spacing:.5px!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.4)!important}.sim-selector-case{font-size:14px!important;color:rgba(255,255,255,.82)!important;font-weight:600!important;line-height:1.5!important;padding:12px 14px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-left:3px solid var(--color-accent-blue)!important;transition:transform .25s cubic-bezier(.23,1,.32,1),background-color .25s ease,border-color .25s ease!important;cursor:pointer!important}.sim-selector-case:hover{background:rgba(255,255,255,.08)!important;border-left-color:#00d4ff!important;transform:translateY(-2px)!important;color:#fff!important}.sim-selector-case.active,.sim-selector-case.selected,.sim-selector-case[aria-selected=true]{background:rgba(0,212,255,.12)!important;border-color:rgba(0,212,255,.4)!important;border-left-color:#00d4ff!important;color:#fff!important;box-shadow:0 0 18px rgba(0,212,255,.18)!important}.scenario-desc,.study-scenario,.explanation-box,.result-desc,.case-content,.story-text,.knowledge-text{line-height:var(--reading-line-height)!important;letter-spacing:var(--reading-letter-spacing)!important;text-align:justify!important}.scenario-desc,.study-scenario,.case-content,.story-text,.knowledge-text{max-width:var(--reading-max-width);margin-left:auto!important;margin-right:auto!important}.explanation-box p,.explanation-box li,.study-scenario p,.case-content p,.story-text p{margin:0 0 var(--reading-paragraph-gap)!important}.explanation-box ul,.study-scenario ul,.case-content ul,.story-text ul{padding-left:1.4em!important}.explanation-box li::marker,.study-scenario li::marker,.case-content li::marker,.story-text li::marker{color:var(--color-primary)!important}button:focus-visible,.mode-btn:focus-visible,.tool-btn:focus-visible,.menu-cat-btn:focus-visible,.quiz-opt:focus-visible,.scenario-opt:focus-visible,a:focus-visible,.sim-selector-case:focus-visible,.settings-card:focus-visible{outline:0!important;box-shadow:var(--shadow-focus)!important}.disaster-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.3px!important;background:var(--surface-2)!important;border:1px solid var(--border-medium)!important;color:var(--text-white-soft)!important}[data-disaster=earthquake]{--dc:var(--color-disaster-earthquake)}[data-disaster=flood]{--dc:var(--color-disaster-flood)}[data-disaster=fire]{--dc:var(--color-disaster-fire)}[data-disaster=typhoon]{--dc:var(--color-disaster-typhoon)}[data-disaster=tsunami]{--dc:var(--color-disaster-tsunami)}[data-disaster=landslide]{--dc:var(--color-disaster-landslide)}[data-disaster=tornado]{--dc:var(--color-disaster-tornado)}[data-disaster=drought]{--dc:var(--color-disaster-drought)}[data-disaster=lightning]{--dc:var(--color-disaster-lightning)}[data-disaster=avalanche]{--dc:var(--color-disaster-avalanche)}[data-disaster=volcano]{--dc:var(--color-disaster-volcano)}[data-disaster=hail]{--dc:var(--color-disaster-hail)}[data-disaster] .disaster-badge,[data-disaster] .scenario-setting{color:var(--dc, var(--text-white-soft))!important;border-color:rgba(var(--dc-rgb, 255, 255, 255),.4)!important}[data-disaster] .disaster-icon::after,[data-disaster] .scenario-icon::after{background:radial-gradient(circle,rgba(var(--dc-rgb, 0, 212, 255),.22),transparent 70%)!important}
body{margin:0!important}html{margin:0!important}.page.active{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;display:flex!important;flex-direction:column!important;padding-bottom:calc(90px + env(safe-area-inset-bottom,0))!important}.page.active>.page-content,.page-active .page-content,.page .active .page-content,.page-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;-webkit-mask-image:none!important}.page.active:not(:has(.page-content)){overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}#page-menu.page.active{justify-content:flex-start!important;align-items:stretch!important;padding-top:16px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0))!important}.menu-grid{max-height:none!important;overflow:visible!important}@supports (padding:env(safe-area-inset-top)){.page.active{padding-top:env(safe-area-inset-top)!important}}@media (prefers-reduced-motion:reduce){.page-content{-webkit-overflow-scrolling:auto!important;scroll-behavior:auto!important}}.page.active>*{min-width:0!important}#page-achievements>div.achievement-list:not(.game-header):not(.back-float):not(.menu-toolbar){width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))!important;overflow-x:visible!important}#page-achievements>.preview-header{display:block!important}.page:not(.active){content-visibility:auto;contain-intrinsic-size:auto 100vh}.page.active{contain:layout style}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;border-radius:6px}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,.settings-card:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.25)}:focus:not(:focus-visible){outline:0}.settings-select{appearance:none;-webkit-appearance:none;background:rgba(15,23,42,.85);color:#e2e8f0;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:8px 30px 8px 12px;font-size:14px;font-weight:600;cursor:pointer;max-width:160px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%2394A3B8' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease,box-shadow .15s ease}.settings-select:hover{border-color:rgba(96,165,250,.7)}.settings-select:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.25)}.settings-select option{background:#0f172a;color:#e2e8f0}
.study-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;box-sizing:border-box;max-width:480px;margin:0 auto}.study-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 4px}.study-progress-text{font-size:14px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.5px}.study-score-text{font-size:13px;color:rgba(255,215,0,.85);font-weight:600}.study-progress-track{width:100%;height:5px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.study-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#00d4ff,#7c4dff);border-radius:999px;transition:width .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 8px rgba(0,212,255,.35)}.study-card-wrap{perspective:1200px;width:100%;max-width:380px;aspect-ratio:3/4.2;margin:4px auto}.study-card{width:100%;height:100%;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);border-radius:20px;box-shadow:0 0 0 1px rgba(0,212,255,.12),0 8px 32px rgba(0,0,0,.4),0 0 60px rgba(0,212,255,.06)}.study-card:hover{box-shadow:0 0 0 1px rgba(0,212,255,.22),0 12px 40px rgba(0,0,0,.5),0 0 80px rgba(0,212,255,.12)}.study-card.flipped .study-card-inner{transform:rotateY(180deg)}.study-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.study-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:24px 20px 20px;box-sizing:border-box}.study-front{background:linear-gradient(160deg,rgba(10,14,28,.96)0,rgba(18,24,48,.95) 40%,rgba(26,18,42,.94) 100%);border:1px solid rgba(0,212,255,.15);justify-content:center;align-items:center;text-align:center;gap:14px}.study-front::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,#7c4dff,transparent);border-radius:20px 20px 0 0}.study-front::after{content:"";position:absolute;top:15%;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.08)0,transparent 70%);pointer-events:none}.study-front-badge{font-size:11px;color:rgba(0,212,255,.7);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:-4px;z-index:1}.study-front-icon{font-size:64px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));z-index:1;animation:studyIconFloat 3s ease-in-out infinite}@keyframes studyIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.study-front-q{font-size:17px;font-weight:600;color:rgba(255,255,255,.92);line-height:1.65;max-width:320px;z-index:1;word-break:break-word}.study-front-hint{margin-top:auto;padding-top:12px;font-size:12px;color:rgba(255,255,255,.35);animation:studyHintPulse 2s ease-in-out infinite}@keyframes studyHintPulse{0%,to{opacity:.35}50%{opacity:.7}}.study-back{background:linear-gradient(155deg,rgba(8,12,24,.97)0,rgba(16,20,36,.96) 50%,rgba(24,16,36,.95) 100%);border:1px solid rgba(124,77,255,.18);transform:rotateY(180deg);gap:10px;align-items:stretch;text-align:left;scrollbar-width:none}.study-back::-webkit-scrollbar{display:none}.study-back-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(124,77,255,.15);flex-shrink:0}.study-back-icon{font-size:20px}.study-back-label{font-size:13px;font-weight:700;color:rgba(124,77,255,.9);letter-spacing:.5px}.study-options{display:flex;flex-direction:column;gap:7px;flex-shrink:0;margin-top:4px}.study-opt-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.82);font-size:13.5px;cursor:default;transition:all .2s ease;font-family:inherit;line-height:1.4;user-select:none;-webkit-user-select:none}.study-opt-btn .opt-letter{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:12px;font-weight:800;flex-shrink:0;background:rgba(0,212,255,.1);color:rgba(0,212,255,.8)}.study-opt-btn.opt-correct{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.1)}.study-opt-btn.opt-correct .opt-letter{background:rgba(16,185,129,.25);color:#6ee7b7}.study-answer-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:12px;flex-shrink:0}.study-answer-tag{font-size:11px;font-weight:700;color:#6ee7b7;white-space:nowrap}.study-answer-txt{font-size:13px;font-weight:600;color:rgba(255,255,255,.88);line-height:1.4}.study-section{flex-shrink:0;padding-top:4px}.study-section:empty,.study-section[style*="display:none"],.study-section.hidden{display:none!important}.study-section-title{font-size:11.5px;font-weight:700;color:rgba(148,163,184,.7);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.study-section-body{font-size:13px;color:rgba(203,213,225,.78);line-height:1.65;word-break:break-word;padding:6px 8px;background:rgba(255,255,255,.02);border-radius:8px;border-left:2.5px solid rgba(124,77,255,.3)}.study-back-hint{text-align:center;font-size:11px;color:rgba(255,255,255,.25);margin-top:auto;padding-top:8px;flex-shrink:0}.study-nav{display:flex;gap:10px;width:100%;max-width:340px;margin:2px auto 0}.study-nav-btn{flex:1;padding:11px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;-webkit-tap-highlight-color:transparent}.study-nav-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.study-nav-btn:active{transform:scale(.97)}.study-nav-primary{background:linear-gradient(135deg,rgba(0,212,255,.2),rgba(124,77,255,.2));border-color:rgba(0,212,255,.3);color:#fff}.study-nav-primary:hover{background:linear-gradient(135deg,rgba(0,212,255,.3),rgba(124,77,255,.3));border-color:rgba(0,212,255,.5)}.study-exit-btn{padding:10px 24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.5);font-size:13px;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:4px;-webkit-tap-highlight-color:transparent}.study-exit-btn:hover{background:rgba(255,255,255,.07);color:rgba(255,255,255,.75)}.study-exit-btn:active{transform:scale(.97)}@media (max-width:400px){.study-area{padding:12px;gap:10px}.study-card-wrap{max-width:100%}.study-face{padding:20px 16px 16px}.study-front-icon{font-size:52px}.study-front-q{font-size:15.5px}.study-opt-btn{padding:10px 12px;font-size:13px}.study-section-body{font-size:12.5px}}@media (min-width:768px){.study-card-wrap{max-width:400px}.study-front-icon{font-size:72px}.study-front-q{font-size:18px}}@media (prefers-reduced-motion:reduce){.study-card-inner{transition:none}.study-progress-bar{transition:none}.study-front-icon{animation:none}.study-front-hint{animation:none}}body .page.active{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:88px!important;min-height:0!important;height:auto!important}