@font-face{font-family:"Alte DIN 1451 Mittelschrift";src:url(/fonts/AlteDIN1451Mittelschrift.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0100-024F,U+0250-02AF}:root{--bg-primary: #000000;--bg-secondary: #030508;--bg-tertiary: #060a10;--bg-panel: rgba(3, 5, 8, .95);--neon-cyan: #00f0ff;--neon-purple: #b829ff;--neon-orange: #ff8c00;--neon-green: #00ff88;--neon-pink: #ff44aa;--neon-yellow: #ffdd00;--alkali: #ff2a6d;--alkali-rgb: 255, 42, 109;--alkaline: #ff7e00;--alkaline-rgb: 255, 126, 0;--transition: #ffd700;--transition-rgb: 255, 215, 0;--post-transition: #7ee787;--post-transition-rgb: 126, 231, 135;--metalloid: #00f0ff;--metalloid-rgb: 0, 240, 255;--nonmetal: #4dabf7;--nonmetal-rgb: 77, 171, 247;--noble: #b829ff;--noble-rgb: 184, 41, 255;--halogen: #ff6b9d;--halogen-rgb: 255, 107, 157;--lanthanide: #ff44aa;--lanthanide-rgb: 255, 68, 170;--actinide: #ff8fab;--actinide-rgb: 255, 143, 171;--unknown: #868e96;--unknown-rgb: 134, 142, 150;--text-primary: #e8ecf1;--text-secondary: #94a3b8;--text-muted: #64748b;--border-glow: rgba(0, 212, 255, .16);--border-subtle: rgba(120, 144, 168, .14);--font-display: "Alte DIN 1451 Mittelschrift", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Alte DIN 1451 Mittelschrift", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--header-height: 64px;--panel-width: 380px;--border-radius: 5px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.6}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;visibility:hidden}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--border-radius)}.neon-border{border:1px solid var(--border-glow);box-shadow:0 0 4px #00d4ff14,inset 0 0 4px #00d4ff08}.neon-border-cyan{border-color:#00f0ff80;box-shadow:0 0 6px #00d4ff24,inset 0 0 4px #00d4ff0d}.neon-border-purple{border-color:#b829ff80;box-shadow:0 0 6px #b829ff24,inset 0 0 4px #b829ff0d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:#00f0ff4d;color:var(--text-primary)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none;color:inherit}[role=button],.clickable,.element-cell,.element-list-row,.nav-btn,.control-btn,.game-card,.lab-item,.achievement-card,.timeline-entry,.compare-card{cursor:pointer}*:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}*:focus{outline:none}input,select{font-family:var(--font-body);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 12px;border-radius:5px;outline:none;transition:var(--transition-fast)}input:focus,select:focus{border-color:var(--text-muted)}[disabled]{opacity:.5;cursor:not-allowed}[data-lucide]{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle}[data-lucide] svg{width:100%;height:100%}.hidden{display:none!important}.global-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1000;transition:opacity .5s ease,visibility .5s ease}.global-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.global-loader.display-none{display:none!important}.loader-lottie{width:90px;height:90px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.loader-lottie svg,.loader-lottie canvas{width:100%!important;height:100%!important;display:block}.loader-lottie.lottie-fallback{background:var(--bg-tertiary)}.loader-lottie.lottie-fallback:after{content:"⚠️";font-size:2rem}.loader-text{color:var(--text-secondary);font-size:.9rem;letter-spacing:.1em}.page-section{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.page-section.active{opacity:1;transform:translateY(0);pointer-events:auto}:root{--shell-header-offset: calc(var(--header-height) + env(safe-area-inset-top))}.main-header{position:fixed;top:0;left:0;right:0;height:var(--shell-header-offset);padding-top:env(safe-area-inset-top);background:#000000f2;border-bottom:1px solid rgba(0,240,255,.12);box-shadow:0 4px 24px #00000080,0 0 20px #00f0ff14;display:flex;align-items:center;justify-content:space-between;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));z-index:100}.logo{display:flex;align-items:center;gap:12px}.logo-number{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 12px rgba(0,240,255,.5)}.logo-text{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.main-nav{display:flex;gap:8px}.nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:5px;color:var(--text-secondary);font-size:.9rem;transition:var(--transition-fast);position:relative}.nav-btn:hover{color:var(--text-primary);background:#ffffff0a}.nav-btn.active{color:var(--neon-cyan);background:#00f0ff0f;text-shadow:0 0 8px rgba(0,240,255,.4)}.nav-btn.active:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background:var(--neon-cyan);border-radius:5px;box-shadow:0 0 8px #00f0ff80}.nav-icon{font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg,.settings-icon svg,.lock-icon svg{width:1.1rem;height:1.1rem}.header-right,.header-stats{display:flex;align-items:center;gap:16px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary)}.stat-value{font-family:var(--font-display);font-weight:700;color:var(--neon-cyan);font-size:1.1rem;text-shadow:0 0 8px rgba(0,240,255,.3)}.settings-btn{width:36px;height:36px;border-radius:5px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);font-size:1.1rem}.settings-icon{display:inline-flex;align-items:center;justify-content:center}.settings-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.main-content{position:fixed;top:var(--shell-header-offset);left:0;right:0;bottom:0;z-index:1;overflow:hidden}.app-layout{display:flex;height:100%;width:100%}.stage-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-section{flex:1;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:8px 0 8px 12px}.page-section.active{opacity:1;transform:none;pointer-events:auto;position:relative}#periodic-table.active{display:flex;flex-direction:column;overflow:hidden}.timeline-container{position:relative;padding-bottom:40px}.timeline-page-shell{display:grid;gap:20px}.timeline-hero,.timeline-controls,.timeline-empty{position:relative;overflow:hidden}.module-cat{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.timeline-cat{position:absolute;left:0;bottom:-8px;width:clamp(54px,5vw,72px);z-index:1}.timeline-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:20px;padding:24px;background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 36%),radial-gradient(circle at bottom right,rgba(148,163,184,.08),transparent 34%),#0f172ad1}.timeline-kicker{color:var(--text-muted);letter-spacing:.32em;text-transform:uppercase;font-size:.78rem;margin-bottom:10px}.timeline-hero h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.2;margin-bottom:12px}.timeline-hero-text{color:var(--text-secondary);max-width:72ch}.timeline-hero-stats{display:grid;gap:12px}.timeline-stat-card{padding:18px;border-radius:5px;border:1px solid rgba(148,163,184,.18);background:#0f172ab8;box-shadow:inset 0 0 20px #94a3b80a}.timeline-stat-value{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--text-primary);text-shadow:none}.timeline-stat-label{color:var(--text-secondary);font-size:.8rem}.timeline-controls{--timeline-controls-gap: 12px;--timeline-controls-gap-total: 60px;--timeline-action-width: 112px;--timeline-control-height: calc(1.6em + 18px) ;--timeline-control-track: minmax(0, calc((100% - var(--timeline-action-width) - var(--timeline-controls-gap-total)) / 6.25));display:grid;grid-template-columns:repeat(5,var(--timeline-control-track)) var(--timeline-action-width) var(--timeline-action-width);gap:var(--timeline-controls-gap);padding:16px;align-items:end}.timeline-control-field{display:grid;gap:6px;min-width:0}.timeline-control-field span{color:var(--text-secondary);font-size:.82rem}.timeline-control-field-search,.timeline-control-field-jump{min-width:0}.timeline-control-field-jump{grid-column:5 / span 2}.timeline-search-box,.timeline-jump-box{display:flex;align-items:center;gap:8px}.timeline-search-box{position:relative}.timeline-jump-box{display:grid;grid-template-columns:minmax(0,1fr) var(--timeline-action-width);gap:var(--timeline-controls-gap)}.timeline-control-field>select,.timeline-search-box input,.timeline-jump-box select{min-width:0;width:100%;height:var(--timeline-control-height)}.timeline-search-box input{padding-right:34px}.timeline-search-box button{position:absolute;right:8px;color:var(--text-muted)}.timeline-mini-btn,.timeline-reset-btn,.timeline-milestone-btn{border:1px solid rgba(148,163,184,.18);border-radius:5px;padding:10px 14px;background:#0f172aeb;color:var(--text-primary);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.timeline-reset-btn{grid-column:7;align-self:end}.timeline-mini-btn,.timeline-reset-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--timeline-action-width);width:var(--timeline-action-width);min-width:var(--timeline-action-width);height:var(--timeline-control-height);padding:8px 12px;white-space:nowrap}.timeline-mini-btn:hover,.timeline-reset-btn:hover,.timeline-milestone-btn:hover,.timeline-mini-btn:focus-visible,.timeline-reset-btn:focus-visible,.timeline-milestone-btn:focus-visible{transform:translateY(-1px);border-color:#94a3b880;color:var(--text-primary);box-shadow:0 4px 12px #02061733}.timeline-milestones{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.timeline-milestone-label,.timeline-summary p{color:var(--text-secondary)}.timeline-summary{padding:0 2px}.timeline-list{--timeline-card-width: calc(45% - 30.6px) ;--timeline-center-gap: 34px;--timeline-card-anchor-offset: calc(50% - var(--timeline-center-gap) - var(--timeline-card-width));--timeline-dot-anchor-offset: -43px;position:relative;display:grid;gap:22px;padding:18px 0 48px;outline:none}.timeline-list:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);border-radius:5px;background:linear-gradient(180deg,#94a3b80d,#94a3b866,#94a3b81a);box-shadow:none}.timeline-entry{position:relative;width:var(--timeline-card-width);opacity:0;transform:translateY(30px);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;outline:none}.timeline-entry.is-visible{opacity:1;transform:translateY(0)}.timeline-entry-left{justify-self:start}.timeline-entry-right{justify-self:end}@media(min-width:1200px){.timeline-entry-left{margin-left:var(--timeline-card-anchor-offset)}.timeline-entry-right{margin-right:var(--timeline-card-anchor-offset)}}.timeline-entry-dot{position:absolute;top:34px;width:18px;height:18px;right:var(--timeline-dot-anchor-offset);border-radius:10px;background:var(--timeline-accent);border:3px solid rgba(15,23,42,.94);box-shadow:0 0 0 4px #94a3b81f}.timeline-entry-right .timeline-entry-dot{right:auto;left:var(--timeline-dot-anchor-offset)}.timeline-entry-card{position:relative;padding:18px 20px;border-radius:5px;border:1px solid color-mix(in srgb,var(--timeline-accent) 50%,transparent);background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 42%),#0b101de0;box-shadow:0 14px 38px #02081766,inset 0 0 18px #ffffff06;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.timeline-entry-card:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(120deg,color-mix(in srgb,var(--timeline-accent) 18%,transparent),transparent 30%,rgba(255,255,255,.02));pointer-events:none}.timeline-entry:focus-visible .timeline-entry-card{outline:2px solid color-mix(in srgb,var(--timeline-accent) 68%,white 12%);outline-offset:3px}.timeline-entry.is-learned .timeline-entry-card{box-shadow:0 18px 42px #02061766,0 0 0 1px color-mix(in srgb,var(--timeline-accent) 30%,transparent),inset 0 0 20px color-mix(in srgb,var(--timeline-accent) 10%,transparent)}.timeline-entry.is-selected .timeline-entry-card{border-color:color-mix(in srgb,var(--timeline-accent) 78%,white 10%);background:radial-gradient(circle at top left,color-mix(in srgb,var(--timeline-accent) 18%,transparent),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),#0b101deb;box-shadow:0 18px 42px #02061773,0 0 0 1px color-mix(in srgb,var(--timeline-accent) 42%,transparent),0 0 30px color-mix(in srgb,var(--timeline-accent) 34%,transparent),0 0 58px color-mix(in srgb,var(--timeline-accent) 18%,transparent),inset 0 0 24px color-mix(in srgb,var(--timeline-accent) 12%,transparent)}.timeline-entry.is-selected .timeline-entry-card:before{background:linear-gradient(120deg,color-mix(in srgb,var(--timeline-accent) 26%,transparent),transparent 34%,rgba(255,255,255,.025))}.timeline-entry.is-learned .timeline-entry-dot{box-shadow:0 0 0 6px color-mix(in srgb,var(--timeline-accent) 20%,transparent),0 0 16px color-mix(in srgb,var(--timeline-accent) 40%,transparent);border-radius:5px}.timeline-entry.is-selected .timeline-entry-dot{box-shadow:0 0 0 6px color-mix(in srgb,var(--timeline-accent) 24%,transparent),0 0 18px color-mix(in srgb,var(--timeline-accent) 56%,transparent),0 0 34px color-mix(in srgb,var(--timeline-accent) 28%,transparent);border-radius:5px}.timeline-entry-topline,.timeline-entry-meta,.timeline-entry-core{position:relative;z-index:1}.timeline-entry-topline,.timeline-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-entry-year{font-family:var(--font-display);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1;color:var(--timeline-accent);text-shadow:0 0 18px color-mix(in srgb,var(--timeline-accent) 48%,transparent)}.timeline-entry-category,.timeline-entry-number,.timeline-entry-discoverer,.timeline-entry-names p,.timeline-entry-story{color:var(--text-secondary);font-size:.8rem}.timeline-entry-category,.timeline-entry-badge{padding:4px 10px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:.78rem}.timeline-entry-core{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:16px 0 12px}.timeline-entry-symbol{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-family:var(--font-display);font-size:1.7rem;color:var(--timeline-accent)}.timeline-entry-names h4{font-size:1.18rem;margin-bottom:2px}.timeline-entry-badge{color:var(--text-primary);border-color:#94a3b83d;box-shadow:none}.timeline-entry-story{position:relative;z-index:1;margin-top:14px;line-height:1.7}.timeline-empty{padding:28px;text-align:center}.timeline-empty strong{display:block;margin-bottom:8px}.table-controls{display:flex;align-items:center;gap:20px;margin-bottom:8px;flex-wrap:wrap}.view-modes{display:flex;flex:0 0 auto;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:5px;border:1px solid var(--border-subtle)}.control-btn{padding:6px 14px;border-radius:5px;font-size:.85rem;color:var(--text-secondary);transition:var(--transition-fast)}.control-btn:hover{color:var(--text-primary);background:#ffffff0a}.control-btn.active{background:#ffffff14;color:var(--text-primary)}.filters{display:flex;flex:0 0 auto;align-items:center;gap:10px;flex-wrap:wrap}.filter-label{color:var(--text-muted);font-size:.85rem}.filters select{font-size:.85rem;padding:6px 10px;min-width:120px}.periodic-table-wrapper{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.44) transparent}.periodic-table-wrapper::-webkit-scrollbar{width:8px}.periodic-table-wrapper::-webkit-scrollbar-track{background:transparent}.periodic-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b861;background-clip:content-box;border:2px solid transparent;border-radius:5px}.periodic-table-wrapper::-webkit-scrollbar-thumb:hover{background:#00f0ff80;background-clip:content-box}.detail-panel{position:fixed;top:var(--shell-header-offset);right:0;width:var(--panel-width);height:calc(100vh - var(--shell-header-offset));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:90;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;padding:18px}.detail-panel.open{transform:translate(0)}.detail-panel.docked{position:relative;top:auto;right:auto;height:auto;transform:none;flex-shrink:0;flex-grow:0;z-index:1}.panel-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.panel-close{font-size:1.5rem;color:var(--text-secondary);padding:4px;line-height:1;transition:var(--transition-fast)}.panel-close:hover{color:var(--text-primary)}.panel-actions{display:flex;gap:8px}.panel-actions button{width:36px;height:36px;border-radius:5px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.panel-actions button:hover{border-color:#fff3;background:#ffffff0f;color:var(--text-primary);box-shadow:none}.bottom-modules{--bottom-preview-row-height: 22px;--bottom-preview-list-gap: 4px;--bottom-preview-list-height: 126px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 16px;border-top:none;background:transparent;flex-shrink:0;transition:padding var(--transition-normal),gap var(--transition-normal)}.bottom-modules-title-row{grid-column:1 / -1;width:100%;min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 14px;border-radius:5px;border:1px solid rgba(148,163,184,.14);border-bottom-color:#00f0ff29;background:linear-gradient(90deg,#00f0ff17,#94a3b809,#b829ff0e),#0206178f;color:var(--text-primary);cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 -8px 28px #0000002e;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.bottom-modules-title-row:hover,.bottom-modules-title-row:focus-visible{border-color:#00f0ff47;background:linear-gradient(90deg,#00f0ff21,#94a3b80a,#b829ff13),#020617ad;box-shadow:inset 0 1px #ffffff0d,0 -10px 32px #00f0ff14}.bottom-modules-title-row:focus-visible{outline:2px solid rgba(0,240,255,.55);outline-offset:2px}.bottom-modules-kicker,.bottom-modules-hint{font-family:var(--font-display);font-size:.68rem;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase}.bottom-modules-title{font-family:var(--font-display);font-size:.9rem;letter-spacing:.08em;color:var(--text-primary)}.bottom-modules-hint{justify-self:end;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.28)}.bottom-modules:not(.is-expanded){gap:0;padding-block:4px 8px}.bottom-module{background:transparent;border:none;border-radius:var(--border-radius);box-shadow:none;padding:8px 12px;position:relative;overflow:hidden;min-height:180px;max-height:240px;display:flex;flex-direction:column;opacity:1;transition:max-height var(--transition-normal),min-height var(--transition-normal),padding var(--transition-normal),opacity var(--transition-fast),transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.bottom-modules:not(.is-expanded)>.bottom-module{min-height:0;max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translateY(18px)}.bottom-module:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.bottom-module-interactive:hover,.bottom-module-interactive:focus-visible{transform:translateY(-2px)}.bottom-module-interactive:focus-visible{outline:2px solid rgba(148,163,184,.65);outline-offset:2px}@media(max-height:760px){.stage-area:has(.bottom-modules:not(.is-expanded)) #periodic-table.active .periodic-table-wrapper{align-self:center;max-width:100%;width:100%}.stage-area:has(.bottom-modules:not(.is-expanded)) .periodic-grid,.stage-area:has(.bottom-modules:not(.is-expanded)) .la-grid,.stage-area:has(.bottom-modules:not(.is-expanded)) .ac-grid{gap:2px}.stage-area:has(.bottom-modules:not(.is-expanded)) #la-grid{margin-top:4px}.stage-area:has(.bottom-modules:not(.is-expanded)) #ac-grid{margin-top:2px}.stage-area:has(.bottom-modules:not(.is-expanded)) .la-label,.stage-area:has(.bottom-modules:not(.is-expanded)) .ac-label{padding:4px 2px}}@media(min-height:761px)and (max-height:920px){.stage-area:has(.bottom-modules:not(.is-expanded)) #periodic-table.active .periodic-table-wrapper{align-self:center;max-width:100%;width:100%}}.module-header{display:none}.preview-card-topline h4{font-family:var(--font-display);font-size:.78rem;color:var(--text-muted);letter-spacing:.22em;text-transform:uppercase;margin:0}.module-content{flex:1;min-height:0;position:relative;z-index:1}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.85rem;z-index:10}.lock-icon{font-size:1.5rem;opacity:.7;display:inline-flex;align-items:center;justify-content:center}.lock-icon svg{width:1.5rem;height:1.5rem}.preview-card-shell{display:flex;flex-direction:column;height:100%;gap:8px}.preview-compare-shell{--compare-preview-detail-width: var(--panel-width);--compare-preview-page-padding: 48px;--compare-preview-grid-gap-total: 68px;--compare-preview-table-width: min(calc(100vw - var(--compare-preview-detail-width) - var(--compare-preview-page-padding)), 1400px);--compare-preview-tile-size: clamp(48px, calc((var(--compare-preview-table-width) - var(--compare-preview-grid-gap-total)) / 18), 74px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch}.preview-card-shell>.preview-card-topline{min-height:28px;align-items:center}.preview-card-topline,.stats-hero-line,.compare-page-topline,.story-preview-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.preview-eyebrow,.stats-stage-label{font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase}.preview-metric,.stats-progress-badge{font-family:var(--font-display);font-size:.78rem;color:var(--text-primary)}.compare-preview-status{min-width:3.5rem;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.22)}.compare-preview-action[data-action=open-compare]{align-self:flex-end;flex:0 0 auto;padding:4px 16px;border:1px solid rgba(148,163,184,.25);border-radius:5px;background:#0f172a59;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.compare-preview-action[data-action=open-compare]:hover,.compare-preview-action[data-action=open-compare]:focus-visible{background:#0f172a8c;border-color:#94a3b866;color:var(--text-primary)}.categories-overview{display:grid;min-width:0}.preview-caption,.stats-stage-card span,.compare-page-card span,.compare-page-card small,.compare-page-empty p,.timeline-page-card p,.timeline-page-intro,.module-shell-card p,.story-preview-card p{font-size:.74rem;color:var(--text-secondary)}.categories-legend-list,.timeline-page-list,.timeline-page-shell{display:grid;gap:8px}.categories-legend-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,var(--bottom-preview-row-height));grid-auto-flow:column;gap:var(--bottom-preview-list-gap);height:var(--bottom-preview-list-height);overflow:hidden}.categories-legend-list .category-progress-row{min-height:0;padding-block:0}.categories-legend-list .category-progress-name,.categories-legend-list .category-progress-ratio{line-height:1.15}.element-quick-stats-shell{gap:10px}.element-stat-list{display:grid;grid-auto-rows:var(--bottom-preview-row-height);gap:var(--bottom-preview-list-gap);height:var(--bottom-preview-list-height);max-height:100px;overflow:hidden}.element-stat-row{--stat-accent: var(--neon-cyan);display:grid;grid-template-columns:minmax(6.25rem,1fr) 2.25rem minmax(3.5rem,32%);align-items:center;gap:8px;min-width:0;min-height:var(--bottom-preview-row-height);padding:4px 8px;border-radius:5px;background:#0f172a70}.element-stat-row:nth-child(2),.element-stat-row:nth-child(4){--stat-accent: var(--neon-green)}.element-stat-row:nth-child(3){--stat-accent: var(--neon-purple)}.element-stat-row:nth-child(5){--stat-accent: var(--neon-orange)}.element-stat-label,.element-stat-count{font-size:.72rem;line-height:1.15}.element-stat-label{min-width:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-stat-count{font-family:var(--font-display);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.element-stat-track{position:relative;height:6px;border-radius:5px;background:#94a3b821;overflow:hidden;box-shadow:inset 0 0 8px #0206178c}.element-stat-fill{display:block;width:var(--stat-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--stat-accent) 78%,transparent),#f8fafcd1);box-shadow:0 0 12px color-mix(in srgb,var(--stat-accent) 38%,transparent)}.category-progress-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;border-radius:5px;padding:4px 8px;background:#0f172a70;transition:background var(--transition-fast),transform var(--transition-fast)}.category-progress-row:hover{background:#94a3b814;transform:translate(2px)}.category-chip{width:10px;height:10px;border-radius:5px;background:var(--category-accent);box-shadow:0 0 10px color-mix(in srgb,var(--category-accent) 60%,transparent)}.category-progress-copy{display:grid;min-width:0}.category-progress-name,.category-progress-ratio{font-size:.74rem}.category-progress-name,.stats-stage-card strong,.module-shell-card strong,.compare-page-card strong,.compare-page-empty strong,.timeline-page-card strong,.story-preview-topline strong{color:var(--text-primary)}.category-progress-ratio{color:var(--text-muted)}.stats-inline-progress{display:grid;grid-template-columns:auto minmax(90px,58%);align-items:center;gap:12px}.stats-progress-track{position:relative;height:6px;border-radius:5px;background:#94a3b824;overflow:hidden}.stats-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#94a3b899,#f8fafccc);box-shadow:0 0 16px #94a3b840}.compare-preview-grid{display:grid;grid-template-columns:repeat(3,var(--compare-preview-tile-size));grid-auto-rows:var(--compare-preview-tile-size);place-self:center;gap:18px;min-height:0}.compare-preview-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.compare-preview-footer .preview-caption{min-width:0}.compare-preview-empty,.stats-stage-card,.module-shell-card,.story-preview-card,.compare-page-card,.compare-page-empty,.timeline-page-card{border-radius:5px;border:1px solid rgba(148,163,184,.16);background:#0f172a9e;padding:12px}.compare-preview-empty{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4px}.compare-preview-grid>.compare-preview-tile.element-cell,.compare-preview-grid>.compare-preview-empty{width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box}.compare-preview-empty{border-style:dashed}.compare-page-symbol,.story-preview-topline span{font-family:var(--font-display);font-size:1.3rem}.compare-page-symbol{color:var(--tile-accent, var(--compare-accent))}.compare-preview-grid .element-cell{width:100%;height:100%;min-width:0;min-height:0}[data-testid=bottom-compare] .compare-preview-tile.element-cell:hover{transform:none;z-index:auto;border-color:rgba(var(--cat-color-rgb, 120, 144, 168),.9);box-shadow:0 0 8px rgba(var(--cat-color-rgb, 120, 144, 168),.6),0 0 16px rgba(var(--cat-color-rgb, 120, 144, 168),.4),0 0 32px rgba(var(--cat-color-rgb, 120, 144, 168),.2),inset 0 0 12px rgba(var(--cat-color-rgb, 120, 144, 168),.6),inset 0 0 30px rgba(var(--cat-color-rgb, 120, 144, 168),.25),inset 0 0 4px #ffffff80}.compare-preview-empty span{font-family:var(--font-display);font-size:1.3rem;color:var(--text-muted)}.compare-page-number,.timeline-page-year{font-family:var(--font-display);color:var(--text-primary)}.stats-main-metric{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:.82rem;color:var(--text-primary)}.stats-main-metric small{font-size:inherit;color:var(--text-secondary)}.stats-stage-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats-stage-info{display:grid;gap:4px;min-width:0}.stats-stage-icon{flex-shrink:0;font-size:2.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--neon-cyan)}.stats-stage-icon svg{width:2.2rem;height:2.2rem}.stats-stage-desc{font-size:.74rem;color:var(--text-secondary);line-height:1.45;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stats-stage-progress{font-size:.72rem;color:var(--text-muted)}.module-shell-card,.compare-page-card,.compare-page-empty,.timeline-page-card,.story-preview-card{display:grid;gap:4px}.compare-page-empty{min-height:160px;place-content:center}.timeline-page-card{grid-template-columns:84px minmax(0,1fr);align-items:start;border-color:color-mix(in srgb,var(--timeline-accent) 35%,rgba(148,163,184,.16))}.story-preview-card{border-color:color-mix(in srgb,var(--story-accent) 35%,rgba(148,163,184,.16));box-shadow:inset 0 0 18px color-mix(in srgb,var(--story-accent) 12%,transparent)}.module-link{margin-top:auto;align-self:flex-start;color:var(--text-secondary);font-size:.78rem;padding:0;transition:color var(--transition-fast)}.module-link:hover{color:var(--text-primary)}.compare-slots,.timeline-container,.story-container,.game-area{display:grid;gap:12px}.compare-slots{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.page-section>h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:baseline;gap:12px}.page-section>h2 .subtitle{font-size:.85rem;color:var(--text-muted);font-family:var(--font-body);font-weight:400}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal.show{opacity:1;pointer-events:auto}.modal-content{background:#0a0e1af2;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #0006,inset 0 1px #ffffff0d;border-radius:5px;padding:32px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.modal.show .modal-content{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;font-size:1.5rem;color:var(--text-secondary);padding:4px;line-height:1;transition:var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.compare-modal{background:radial-gradient(circle at 18% 20%,rgba(0,240,255,.12),transparent 32%),radial-gradient(circle at 82% 76%,rgba(184,41,255,.1),transparent 30%),#0206179e;backdrop-filter:none;-webkit-backdrop-filter:none;padding:24px}.compare-modal-content{width:1180px;max-width:calc(100vw - 48px);max-height:none;padding:24px;overflow:visible;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 38%),#0305087a;border-color:#94a3b838;box-shadow:0 32px 80px #00000094,inset 0 1px #ffffff0f,0 0 44px #00f0ff14;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2)}.compare-modal-heading{display:grid;gap:6px;margin-bottom:16px;padding-right:40px}.compare-modal-kicker{font-family:var(--font-display);font-size:.72rem;letter-spacing:.26em;color:var(--text-muted)}.compare-modal-heading h2{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.8rem);color:var(--text-primary)}.compare-modal-heading .subtitle{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--text-muted)}.compare-container-modal{min-height:0}.compare-modal .compare-slots--1{grid-template-columns:minmax(280px,380px)}.compare-modal .compare-slots--2{grid-template-columns:repeat(2,minmax(280px,380px))}.compare-modal .compare-slots--3{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-modal .compare-page-empty{min-height:220px;background:#0f172a7a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.compare-modal .compare-card-header{padding:14px 16px;gap:12px}.compare-modal .compare-card-symbol-box{width:58px;height:58px;border-radius:5px}.compare-modal .compare-card-symbol{font-size:1.55rem}.compare-modal .compare-card-cn{font-size:1rem}.compare-modal .compare-card-en{font-size:.74rem}.compare-modal .compare-card-body{padding:10px 16px;flex:1}.compare-modal .compare-attr-row{gap:8px;padding:5px 0}.compare-modal .compare-attr-label{font-size:.72rem;min-width:48px}.compare-modal .compare-attr-value{font-size:.76rem;max-width:100%;line-height:1.35}.compare-modal .compare-attr-row--discovered-by,.compare-modal .compare-attr-row--applications{box-sizing:border-box}.compare-modal .compare-attr-row--discovered-by{height:3.55rem}.compare-modal .compare-attr-row--applications{height:5.35rem}.compare-modal .compare-attr-row--discovered-by .compare-attr-value,.compare-modal .compare-attr-row--applications .compare-attr-value{max-height:100%;overflow-y:auto;scrollbar-width:thin}.compare-modal .compare-card-footer{margin-top:auto;padding:10px 16px 14px}.compare-modal .compare-card-remove{padding:7px 10px}.settings-content{max-width:420px}.settings-content h2{font-family:var(--font-display);font-size:1.25rem;margin-bottom:20px;color:var(--text-primary)}.settings-section{margin-bottom:20px}.settings-brand{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:20px;border-radius:var(--border-radius);background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.settings-cat-image{width:72px;height:72px;border-radius:5px;object-fit:cover;flex:0 0 auto;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 20px #00f0ff1f}.settings-brand-copy{display:flex;flex-direction:column;gap:4px}.settings-version{font-size:.95rem;color:var(--text-primary);margin:0}.settings-reference{font-size:.82rem;color:var(--text-muted);margin:0}.settings-section h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:5px;margin-bottom:12px}.setting-item label{font-size:.9rem;color:var(--text-primary)}.setting-desc{font-size:.8rem;color:var(--text-muted);margin-top:4px;padding:0 4px}.settings-clear-item{align-items:flex-start;gap:16px}.settings-clear-copy{display:flex;flex-direction:column;gap:2px}.settings-clear-copy label{font-size:.9rem;color:var(--text-primary)}.settings-clear-button,.settings-confirm-actions button{padding:8px 14px;border-radius:5px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.settings-clear-button:hover,.settings-confirm-actions button:hover{transform:translateY(-1px);border-color:#00f0ff47;background:#00f0ff14}.settings-clear-button{align-self:center;color:var(--neon-cyan)}.settings-confirm-dialog{margin-top:12px}.settings-confirm-card{padding:16px;border-radius:var(--border-radius);background:#ffffff08;border:1px solid rgba(0,240,255,.16)}.settings-confirm-card h3{font-size:1rem;color:var(--text-primary);margin-bottom:8px}.settings-confirm-card p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.settings-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}#settings-clear-confirm{color:var(--neon-cyan)}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:5px;transition:background .3s ease;border:1px solid rgba(255,255,255,.05)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:5px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.achievement-popup{position:fixed;top:80px;right:-400px;z-index:150;transition:right .6s cubic-bezier(.16,1,.3,1)}.achievement-popup.show{right:20px}.popup-content{background:var(--bg-panel);border:1px solid var(--neon-yellow);border-radius:var(--border-radius);padding:20px 28px;display:flex;align-items:center;gap:16px;box-shadow:0 0 24px #fd03}.popup-icon{font-size:2rem;color:var(--neon-yellow);text-shadow:0 0 12px rgba(255,221,0,.5);display:inline-flex;align-items:center;justify-content:center}.popup-icon svg{width:2rem;height:2rem}.popup-title{font-family:var(--font-display);font-size:1rem;color:var(--neon-yellow)}.popup-desc{font-size:.85rem;color:var(--text-secondary)}.compare-container{display:flex;flex-direction:column;gap:20px}.compare-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.compare-count{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary);letter-spacing:.05em}.compare-actions{display:flex;gap:10px}.compare-btn{padding:8px 18px;border-radius:5px;font-size:.85rem;font-family:var(--font-body);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer}.compare-btn:hover,.compare-btn-clear:hover{border-color:var(--text-primary);color:var(--text-primary);background:#ffffff14;box-shadow:none}.compare-slots{display:grid;gap:20px;align-items:start}.compare-slots--1{grid-template-columns:minmax(300px,420px);justify-content:center}.compare-slots--2{grid-template-columns:repeat(2,minmax(300px,420px));justify-content:center}.compare-slots--3{grid-template-columns:repeat(3,1fr)}.compare-modal .compare-slots{gap:14px;align-items:stretch}.compare-modal .compare-slots.compare-slots--3{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-modal .compare-card{display:flex;flex-direction:column;height:100%;min-width:0}.compare-card{position:relative;border-radius:5px;border:2px solid rgba(var(--card-accent-rgb, 148, 163, 184),.4);background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 0 24px rgba(var(--card-accent-rgb, 148, 163, 184),.15),0 0 48px rgba(var(--card-accent-rgb, 148, 163, 184),.08),0 8px 24px #0006}.compare-card:hover{transform:translateY(-4px);border-color:rgba(var(--card-accent-rgb),.9);box-shadow:0 0 48px rgba(var(--card-accent-rgb),.4),0 0 72px rgba(var(--card-accent-rgb),.2),0 0 96px rgba(var(--card-accent-rgb),.1),0 8px 24px #0006}.compare-modal .compare-card:hover{transform:none}.compare-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--card-accent-rgb),.15) 0%,transparent 50%,rgba(var(--card-accent-rgb),.08) 100%);pointer-events:none;opacity:.6}.compare-card-header{position:relative;padding:20px;border-bottom:1px solid rgba(148,163,184,.12);display:flex;align-items:center;gap:16px}.compare-card-symbol-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:5px;background:rgba(var(--card-accent-rgb),.2);border:1.5px solid rgba(var(--card-accent-rgb),.5);box-shadow:0 0 20px rgba(var(--card-accent-rgb),.2),0 0 40px rgba(var(--card-accent-rgb),.1),inset 0 0 16px rgba(var(--card-accent-rgb),.15);flex-shrink:0}.compare-card-symbol{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(var(--card-accent-rgb),.8),0 0 24px rgba(var(--card-accent-rgb),.5),0 0 36px rgba(var(--card-accent-rgb),.25);line-height:1}.compare-card-number{font-family:var(--font-display);font-size:.65rem;color:var(--text-muted);margin-top:4px;letter-spacing:.08em}.compare-card-names{display:flex;flex-direction:column;gap:2px;min-width:0}.compare-card-cn{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.compare-card-en{font-size:.8rem;color:var(--text-secondary);font-style:italic}.compare-card-body{position:relative;padding:16px 20px;display:flex;flex-direction:column;gap:0}.compare-attr-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.08)}.compare-attr-row:last-child{border-bottom:none}.compare-attr-label{font-size:.78rem;color:var(--text-muted);flex-shrink:0;min-width:56px}.compare-attr-value{font-size:.82rem;color:var(--text-primary);text-align:right;word-break:break-word;max-width:60%;line-height:1.5}.compare-tag{display:inline-block;padding:3px 10px;border-radius:5px;font-size:.75rem;background:color-mix(in srgb,var(--tag-color) 12%,rgba(15,23,42,.6));border:1px solid color-mix(in srgb,var(--tag-color) 40%,rgba(148,163,184,.2));color:var(--tag-color);box-shadow:0 0 8px color-mix(in srgb,var(--tag-color) 10%,transparent)}.compare-safety-badge{display:inline-block;padding:3px 10px;border-radius:5px;font-size:.75rem;background:color-mix(in srgb,var(--safety-color) 12%,rgba(15,23,42,.6));border:1px solid color-mix(in srgb,var(--safety-color) 40%,rgba(148,163,184,.2));color:var(--safety-color);box-shadow:0 0 8px color-mix(in srgb,var(--safety-color) 10%,transparent)}.compare-app-list{list-style:none;text-align:right;display:flex;flex-direction:column;gap:4px}.compare-app-list li{font-size:.78rem;color:var(--text-secondary);position:relative;padding-right:10px}.compare-app-list li:before{content:"";position:absolute;right:0;top:8px;width:4px;height:4px;border-radius:5px;background:var(--text-muted);box-shadow:none}.compare-card-footer{position:relative;padding:12px 20px 16px;border-top:1px solid rgba(148,163,184,.1)}.compare-card-remove{width:100%;padding:8px 12px;border-radius:5px;font-size:.8rem;color:var(--text-secondary);background:#94a3b814;border:1px solid rgba(148,163,184,.14);transition:var(--transition-fast);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.compare-card-remove svg{width:14px;height:14px}.compare-card-remove:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;box-shadow:none}.compare-empty-icon{font-family:var(--font-display);font-size:2.5rem;color:var(--text-muted);text-shadow:none;margin-bottom:8px;display:inline-flex;align-items:center;justify-content:center}.compare-empty-icon svg{width:2.5rem;height:2.5rem}.compare-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);z-index:200;padding:10px 24px;border-radius:5px;font-size:.85rem;color:var(--text-primary);background:var(--bg-panel);border:1px solid var(--toast-accent, rgba(148, 163, 184, .3));box-shadow:0 12px 24px #02061766;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.compare-toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}.toggle-switch .toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:5px;transition:background .3s ease;border:1px solid rgba(255,255,255,.05);z-index:1}.toggle-switch .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:5px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.toggle-switch input:checked+.toggle-slider{background:#00f0ff26;border-color:#00f0ff4d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:var(--neon-cyan)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--neon-cyan);outline-offset:3px}.textbook-tab-bar.progress-textbook-tabs{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;margin-bottom:18px}.textbook-tab{flex:1 1 0;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:78px;padding:14px 16px;border-radius:5px;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);color:var(--text-secondary);text-align:left;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.textbook-tab:hover,.textbook-tab:focus-visible{border-color:#00f0ff59;color:var(--text-primary);box-shadow:0 0 0 1px #00f0ff1a,0 16px 36px #02061742;outline:none}.textbook-tab.is-active{border-color:#00f0ff8a;background:linear-gradient(180deg,#0f172af0,#082f497a);box-shadow:inset 0 0 0 1px #00f0ff1f,0 18px 46px #0206174d}.textbook-tab-label{display:flex;flex-direction:column;gap:2px;min-width:0}.textbook-tab-line{display:block;font-size:.82rem;line-height:1.35;color:#e2e8f0b8}.textbook-tab-line.is-emphasis{font-size:1rem;font-weight:600;color:#e2e8f0b8}.textbook-tab-progress{flex-shrink:0;font-family:var(--font-display);font-size:.8rem;color:#e2e8f0b8;text-align:right}.textbook-tab.is-active .textbook-tab-line{color:var(--text-secondary)}.textbook-tab.is-active .textbook-tab-line.is-emphasis{color:#f8fbff}.textbook-tab.is-active .textbook-tab-progress{color:var(--neon-cyan)}.periodic-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:4px;width:100%;max-width:100%;padding:8px;box-sizing:border-box}.element-cell[data-category="alkali metal"],.element-list-row[data-category="alkali metal"]{--cat-color: var(--alkali);--cat-color-rgb: var(--alkali-rgb)}.element-cell[data-category="alkaline earth metal"],.element-list-row[data-category="alkaline earth metal"]{--cat-color: var(--alkaline);--cat-color-rgb: var(--alkaline-rgb)}.element-cell[data-category="transition metal"],.element-list-row[data-category="transition metal"]{--cat-color: var(--transition);--cat-color-rgb: var(--transition-rgb)}.element-cell[data-category="post-transition metal"],.element-list-row[data-category="post-transition metal"]{--cat-color: var(--post-transition);--cat-color-rgb: var(--post-transition-rgb)}.element-cell[data-category=metalloid],.element-list-row[data-category=metalloid]{--cat-color: var(--metalloid);--cat-color-rgb: var(--metalloid-rgb)}.element-cell[data-category="reactive nonmetal"],.element-list-row[data-category="reactive nonmetal"]{--cat-color: var(--nonmetal);--cat-color-rgb: var(--nonmetal-rgb)}.element-cell[data-category="noble gas"],.element-list-row[data-category="noble gas"]{--cat-color: var(--noble);--cat-color-rgb: var(--noble-rgb)}.element-cell[data-category=halogen],.element-list-row[data-category=halogen]{--cat-color: var(--halogen);--cat-color-rgb: var(--halogen-rgb)}.element-cell[data-category=lanthanide],.element-list-row[data-category=lanthanide]{--cat-color: var(--lanthanide);--cat-color-rgb: var(--lanthanide-rgb)}.element-cell[data-category=actinide],.element-list-row[data-category=actinide]{--cat-color: var(--actinide);--cat-color-rgb: var(--actinide-rgb)}.element-cell[data-category=unknown],.element-list-row[data-category=unknown]{--cat-color: var(--unknown);--cat-color-rgb: var(--unknown-rgb)}.element-cell{aspect-ratio:1.02/1;min-width:0;background:radial-gradient(circle at center,rgba(var(--cat-color-rgb, 120, 144, 168),.3) 0%,rgba(var(--cat-color-rgb, 120, 144, 168),.12) 50%,transparent 100%);background-color:rgba(var(--cat-color-rgb, 120, 144, 168),.08);border:1px solid rgba(var(--cat-color-rgb, 120, 144, 168),.9);border-radius:5px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 0 2px rgba(var(--cat-color-rgb, 120, 144, 168),.6),0 0 6px rgba(var(--cat-color-rgb, 120, 144, 168),.4),0 0 32px rgba(var(--cat-color-rgb, 120, 144, 168),.2),inset 0 0 12px rgba(var(--cat-color-rgb, 120, 144, 168),.6),inset 0 0 30px rgba(var(--cat-color-rgb, 120, 144, 168),.25),inset 0 0 4px #ffffff80}#periodic-grid .element-cell{--main-cell-x-scale: 1;transform:scaleX(var(--main-cell-x-scale));transform-origin:center}#periodic-grid .element-cell.selected{transform:scaleX(var(--main-cell-x-scale)) scale(1.08)}#periodic-grid .element-cell.filtered-out{transform:scaleX(var(--main-cell-x-scale)) scale(.95)}.element-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.element-cell .atomic-num{font-size:.8rem;color:#fff;font-family:var(--font-display);position:absolute;top:4px;left:6px;font-weight:500;text-shadow:0 0 4px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.4)}.element-cell .symbol{font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1;margin-top:2px;color:#fff!important;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.6),0 0 18px rgba(255,255,255,.3)!important}.element-cell .chinese-name{font-size:.9rem;color:#fff;margin-top:2px;white-space:nowrap;overflow:hidden;max-width:100%;font-weight:500;letter-spacing:.02em}.element-cell .atomic-mass{font-size:.8rem;color:#fff;font-family:var(--font-display);margin-top:1px;text-shadow:0 0 4px rgba(255,255,255,.7),0 0 8px rgba(255,255,255,.35)}.element-cell.selected{border-color:var(--neon-cyan);box-shadow:0 0 0 1px var(--neon-cyan),0 0 12px #00f0ff99,0 0 24px #00f0ff59,0 0 36px #00f0ff33,inset 0 0 24px #00f0ff33;transform:scale(1.04);z-index:20}.element-cell.selected:before{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(0,240,255,.35),transparent 80%)}.element-cell.filtered-out{opacity:.15;pointer-events:none;transform:scale(.95);filter:grayscale(80%)}.element-cell.learned:after{content:"";position:absolute;top:6px;right:6px;width:4px;height:4px;background:var(--neon-green);border-radius:5px;box-shadow:0 0 6px var(--neon-green)}.element-cell.rare{animation:rare-pulse 4s ease-in-out infinite}@keyframes rare-pulse{0%,to{box-shadow:inset 0 0 0 1px #b829ff1a}50%{box-shadow:inset 0 0 0 1px #b829ff66,0 0 8px #b829ff26}}.periodic-table-wrapper{display:grid;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto auto;gap:4px;width:100%;max-width:100%;position:relative}.periodic-table-cat{position:absolute;top:var(--cat-top, 28%);left:var(--cat-left, 25%);width:clamp(52px,6.5vw,110px);pointer-events:none;z-index:999;opacity:.95;-webkit-user-select:none;user-select:none;display:block}#periodic-grid{grid-column:1 / -1;grid-row:1}.lanthanide-actinide-labels{display:contents}.la-label{grid-column:1;grid-row:2}.ac-label{grid-column:1;grid-row:3}.la-label,.ac-label{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary);padding:8px 4px}.la-label .range,.ac-label .range{font-size:.9rem;color:var(--text-muted);font-family:var(--font-display)}.la-grid,.ac-grid{display:grid;grid-template-columns:repeat(15,minmax(0,.82fr));justify-content:space-between;gap:8px;width:100%;min-width:0;padding:2px 6px;box-sizing:border-box}.la-grid .element-cell,.ac-grid .element-cell{aspect-ratio:1;padding:3px}.la-grid .element-cell .atomic-num,.ac-grid .element-cell .atomic-num{font-size:.8rem;top:3px;left:5px}.la-grid .element-cell .symbol,.ac-grid .element-cell .symbol{font-size:1.2rem;margin-top:3px}.la-grid .element-cell .chinese-name,.ac-grid .element-cell .chinese-name,.la-grid .element-cell .atomic-mass,.ac-grid .element-cell .atomic-mass{font-size:.8rem}#la-grid{grid-column:2;grid-row:2;margin-top:6px}#ac-grid{grid-column:2;grid-row:3;margin-top:4px}.category-legend{display:flex;flex:1 1 560px;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:900px;margin-left:auto;padding:4px 0}.category-legend h3{flex:0 0 auto;font-size:.72rem;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600;text-shadow:0 0 8px rgba(0,240,255,.18);white-space:nowrap}.legend-items{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0}.legend-item{--legend-color: var(--text-muted);--legend-rgb: 120, 144, 168;display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 8px;border:1px solid rgba(var(--legend-rgb),.28);border-radius:5px;background:linear-gradient(135deg,rgba(var(--legend-rgb),.12),#0000005c);color:var(--text-primary);font-family:var(--font-body);font-size:.76rem;line-height:1;white-space:nowrap;cursor:pointer;opacity:.86;box-shadow:inset 0 0 10px rgba(var(--legend-rgb),.05);transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.legend-item[data-category="alkali metal"]{--legend-color: var(--alkali);--legend-rgb: var(--alkali-rgb)}.legend-item[data-category="alkaline earth metal"]{--legend-color: var(--alkaline);--legend-rgb: var(--alkaline-rgb)}.legend-item[data-category="transition metal"]{--legend-color: var(--transition);--legend-rgb: var(--transition-rgb)}.legend-item[data-category="post-transition metal"]{--legend-color: var(--post-transition);--legend-rgb: var(--post-transition-rgb)}.legend-item[data-category=metalloid]{--legend-color: var(--metalloid);--legend-rgb: var(--metalloid-rgb)}.legend-item[data-category="reactive nonmetal"]{--legend-color: var(--nonmetal);--legend-rgb: var(--nonmetal-rgb)}.legend-item[data-category="noble gas"]{--legend-color: var(--noble);--legend-rgb: var(--noble-rgb)}.legend-item[data-category=halogen]{--legend-color: var(--halogen);--legend-rgb: var(--halogen-rgb)}.legend-item[data-category=lanthanide]{--legend-color: var(--lanthanide);--legend-rgb: var(--lanthanide-rgb)}.legend-item[data-category=actinide]{--legend-color: var(--actinide);--legend-rgb: var(--actinide-rgb)}.legend-item:hover{opacity:1;transform:translateY(-1px);background:linear-gradient(135deg,rgba(var(--legend-rgb),.18),#0000006b);border-color:rgba(var(--legend-rgb),.5);box-shadow:0 0 12px rgba(var(--legend-rgb),.16),inset 0 0 12px rgba(var(--legend-rgb),.08)}.legend-item.selected{opacity:1;outline:1px solid rgba(255,255,255,.7);outline-offset:2px;border-color:rgba(var(--legend-rgb),.9);background:radial-gradient(circle at left,rgba(var(--legend-rgb),.34),rgba(var(--legend-rgb),.14) 42%,#00000080);box-shadow:0 0 0 1px rgba(var(--legend-rgb),.3),0 0 18px rgba(var(--legend-rgb),.5),inset 0 0 16px rgba(var(--legend-rgb),.18)}.legend-item:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px;box-shadow:0 0 0 4px #000000d9,0 0 0 6px var(--neon-cyan),0 0 18px #00f0ff6b,inset 0 0 12px rgba(var(--legend-rgb),.12)}.legend-color{flex:0 0 auto;width:9px;height:9px;border-radius:5px;color:var(--legend-color);box-shadow:0 0 8px currentColor,inset 0 0 0 1px #fff3}.element-cell:focus-visible,.element-list-row:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px;box-shadow:0 0 16px #00f0ff33}.element-tooltip{position:fixed;z-index:100;pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .15s ease,transform .15s ease;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:12px 16px;box-shadow:0 12px 32px #0009,0 0 0 1px #0003;min-width:180px}.element-tooltip.show{opacity:1;transform:translateY(0) scale(1)}.tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.tooltip-symbol{font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tooltip-names{display:flex;flex-direction:column;gap:2px}.tooltip-chinese{font-size:1rem;color:var(--text-primary);font-weight:600;line-height:1.2}.tooltip-english{font-size:.75rem;color:var(--text-muted);font-style:italic;line-height:1.2}.tooltip-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.tooltip-atomic{font-family:var(--font-display);color:var(--text-muted);font-weight:500}.tooltip-category{color:var(--text-secondary);font-weight:500}.periodic-list{display:flex;flex-direction:column;gap:4px;width:min(100%,1400px);max-width:1400px;max-height:calc(100vh - var(--header-height) - 140px);margin:0 auto;box-sizing:border-box;overflow-y:auto;overflow-x:auto;padding-right:8px}.element-list-row{display:grid;grid-template-columns:48px 56px minmax(76px,108px) minmax(156px,1.2fr) minmax(92px,116px) minmax(148px,1fr) minmax(72px,92px) minmax(76px,96px) 32px;align-items:center;gap:12px;width:100%;min-width:980px;box-sizing:border-box;padding:8px 16px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.04);border-left:3px solid var(--cat-color, var(--border-subtle));border-radius:5px;cursor:pointer;transition:all .2s ease;position:relative}.element-list-row.selected{border-color:var(--neon-cyan);border-left-color:var(--neon-cyan);background:color-mix(in srgb,var(--neon-cyan) 5%,var(--bg-secondary));box-shadow:0 0 0 1px var(--neon-cyan),0 4px 12px #00f0ff1a}.element-list-row.filtered-out{opacity:.15;pointer-events:none;transform:scale(.98);filter:grayscale(80%)}.element-list-row.learned:after{content:none}.element-list-row.rare{box-shadow:inset 0 0 0 1px #b829ff38,0 0 8px #b829ff14}@keyframes rare-pulse-list{0%,to{box-shadow:inset 0 0 0 1px #b829ff0d}50%{box-shadow:inset 0 0 0 1px #b829ff33,0 0 8px #b829ff1a}}.element-list-row .list-atomic-num{font-family:var(--font-display);font-size:.85rem;color:var(--text-muted);font-weight:500;min-width:0}.element-list-row .list-symbol{font-family:var(--font-display);font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4);min-width:0}.element-list-row .list-chinese-name{font-size:.95rem;color:var(--text-primary);font-weight:500;letter-spacing:.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-list-row .list-english-name{font-size:.85rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-list-row .list-category{font-size:.8rem;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-list-row .list-characteristics{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;overflow:hidden}.element-list-row .list-characteristic-badge{max-width:100%;min-width:0;padding:3px 7px;font-size:.68rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-list-row .list-discovery-year{font-family:var(--font-display);font-size:.82rem;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.element-list-row .list-mass{font-family:var(--font-display);font-size:.85rem;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.element-list-row .list-status{display:flex;align-items:center;justify-content:center;min-width:0}.element-list-row .list-status-dot{display:block;width:6px;height:6px;border-radius:5px;background:transparent;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.element-list-row.learned .list-status-dot{background:var(--neon-green);opacity:1;box-shadow:0 0 6px var(--neon-green)}@media(max-width:900px){.periodic-list{width:100%;max-width:100%;padding-right:0}.element-list-row{min-width:960px}}.element-hero{--element-accent: var(--neon-cyan);--element-accent-rgb: 0, 240, 255;text-align:center;padding:12px;background:linear-gradient(180deg,rgba(var(--element-accent-rgb),.12),rgba(var(--element-accent-rgb),.03)),#000000b3;border:1.5px solid rgba(var(--element-accent-rgb),.5);border-radius:var(--border-radius);margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 0 4px rgba(var(--element-accent-rgb),.2),0 0 8px rgba(var(--element-accent-rgb),.1),0 0 16px rgba(var(--element-accent-rgb),.05),inset 0 0 24px rgba(var(--element-accent-rgb),.08)}.element-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(var(--element-accent-rgb),.12),transparent 60%);pointer-events:none}.element-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--element-accent),transparent);opacity:.8;box-shadow:0 0 16px rgba(var(--element-accent-rgb),.6),0 0 32px rgba(var(--element-accent-rgb),.3)}.element-hero-top{display:block;margin-top:20px;margin-bottom:20px;position:static}.element-title-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:36px;position:relative;z-index:1}.element-hero .atomic-side{display:flex;flex-direction:column;justify-content:center;gap:.35rem;min-width:0;line-height:1.2;position:absolute;top:26px;z-index:1}.element-hero .atomic-side-number{left:22px;align-items:flex-start;text-align:left}.element-hero .atomic-side-mass{right:22px;align-items:flex-end;text-align:right}.element-hero .atomic-label{font-size:.85rem;line-height:1.2;color:rgba(var(--element-accent-rgb),.82);font-weight:500;text-shadow:0 0 8px rgba(var(--element-accent-rgb),.35)}.element-hero .atomic-number{font-family:var(--font-display);font-size:1rem;line-height:1.2;color:#ffffffb3;justify-self:start;text-align:left;text-shadow:0 0 8px rgba(var(--element-accent-rgb),.5)}.element-hero .atomic-mass{font-family:var(--font-display);font-size:1rem;line-height:1.2;color:#fff;justify-self:end;text-align:right;text-shadow:0 0 8px rgba(0,240,255,.5)}.element-hero .symbol{display:block;font-family:var(--font-display);font-size:4rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 20px rgba(var(--element-accent-rgb),.8),0 0 40px rgba(var(--element-accent-rgb),.5),0 0 60px rgba(var(--element-accent-rgb),.3),0 0 80px rgba(var(--element-accent-rgb),.15),0 2px 4px rgba(0,0,0,.8);position:relative;z-index:1}.element-hero .chinese-name{display:block;font-size:1.4rem;line-height:1;color:#fff;margin-top:16px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8);position:relative;z-index:1}.element-hero .english-name{display:block;font-size:1rem;color:#ffffffb3;font-style:normal;line-height:1.2;min-width:0;text-shadow:0 1px 2px rgba(0,0,0,.6);position:relative;z-index:1}.element-hero .phonetic{display:inline-block;margin-left:.35rem;color:#ffffff80;font-size:.88em;white-space:nowrap}.element-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.element-badge,.inline-badge{--badge-color: var(--neon-cyan);--badge-color-rgb: 0, 240, 255;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:5px;border:1px solid rgba(var(--badge-color-rgb),.5);background:rgba(var(--badge-color-rgb),.15);color:#fff;font-size:.75rem;font-weight:500;letter-spacing:.02em;box-shadow:0 0 12px rgba(var(--badge-color-rgb),.2),inset 0 0 8px rgba(var(--badge-color-rgb),.08);text-shadow:0 0 6px rgba(var(--badge-color-rgb),.5)}.element-badge-safety,.inline-badge-safety{box-shadow:none}.element-properties{margin-bottom:16px;padding:0;background:#0006;border-radius:5px;border:1px solid rgba(0,240,255,.15);box-shadow:0 0 16px #00f0ff0f,inset 0 0 16px #00f0ff08}.property-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,240,255,.08)}.property-row:last-child{border-bottom:none}.property-row-stacked{flex-direction:column;align-items:flex-start;gap:8px}.property-label{display:flex;flex:0 0 50px;flex-shrink:0;align-items:center;font-size:.85rem;color:#00f0ffcc;white-space:nowrap}.property-row-stacked .property-label{flex:0 0 auto}.property-value{flex:1 1 auto;min-width:0;font-size:.9rem;color:#fff;font-weight:500;text-align:right;line-height:1.5;text-shadow:0 0 4px rgba(0,240,255,.3);overflow-wrap:anywhere}.property-value-rich{width:100%;max-width:none;text-align:left}.property-list{list-style:none;display:grid;min-width:0;margin:0;padding:0;text-align:left}.property-list li{position:relative;min-width:0;font-size:.8rem;padding-left:14px;color:var(--text-primary);overflow-wrap:break-word}.property-list li:before{content:"";position:absolute;top:.62em;left:0;width:4px;height:4px;border-radius:5px;background:var(--neon-cyan);box-shadow:0 0 8px #00f0ff66}.property-muted{color:var(--text-muted);font-weight:400}.element-story,.element-funfact{margin-bottom:16px;padding:16px;background:#0006;border-radius:5px;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--neon-purple);box-shadow:0 0 16px #b829ff1a,inset 0 0 12px #b829ff08}.element-funfact{border-left-color:var(--neon-green);box-shadow:0 0 16px #00ff881a,inset 0 0 12px #00ff8808}.element-story h4,.element-funfact h4{font-size:.85rem;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:6px;text-shadow:0 0 8px rgba(184,41,255,.5)}.element-funfact h4{color:#fff;text-shadow:0 0 8px rgba(0,255,136,.5)}.element-story p,.element-funfact p{font-size:.8rem;color:#ffffffb3;line-height:1.7}.spectrum-canvas{width:100%;height:130px;background:#0a0e1a66;border-radius:5px;margin-bottom:16px;overflow:hidden;border:1px solid rgba(0,240,255,.1);box-shadow:0 0 12px #00f0ff0d,inset 0 0 16px #00f0ff08}.spectrum-canvas canvas{width:100%;height:100%;display:block}.panel-buttons{display:flex;gap:10px;flex-wrap:wrap}.panel-buttons button{flex:1;min-width:80px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:var(--transition-fast)}.panel-buttons button:hover,.panel-buttons button:focus-visible{border-color:#fff3;background:#ffffff0f;color:var(--text-primary);box-shadow:none}.panel-actions button.is-active,.panel-buttons button.is-active{border-color:#00f0ff59;background:#00f0ff1f;color:var(--neon-cyan)}.panel-actions button:disabled,.panel-buttons button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.button-bump{animation:button-bump .28s ease}.panel-content{transition:opacity .28s ease,transform .28s ease}.panel-content.content-switching,.detail-panel.panel-opening .panel-content,.detail-panel.closing .panel-content{animation:panel-content-fade .32s ease}.quiz-preview h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:8px}.quiz-preview-lead{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.quiz-preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quiz-preview-meta span{padding:4px 10px;border-radius:5px;background:#94a3b81f;color:var(--text-secondary);font-size:.78rem}.quiz-card{border:1px solid rgba(255,255,255,.06);border-radius:5px;padding:20px;background:#0f172a66}.quiz-question{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:14px}.quiz-options{display:grid;gap:10px}.quiz-option{width:100%;text-align:left;padding:14px 16px;border-radius:5px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text-secondary);transition:var(--transition-fast);font-weight:500}.quiz-option:hover,.quiz-option:focus-visible{border-color:#fff3;background:#ffffff0f;color:var(--text-primary)}.quiz-option.is-correct{border-color:#22c55e66;background:#22c55e1a;color:#4ade80}.quiz-option.is-wrong{border-color:#ef444466;background:#ef44441a;color:#f87171}.quiz-feedback{min-height:24px;margin-top:14px;color:var(--text-secondary)}.related-lab{outline:1px solid rgba(0,240,255,.38);box-shadow:0 0 18px #00f0ff24;background:#00f0ff0f}@keyframes panel-content-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes button-bump{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.hud-shell{background:linear-gradient(180deg,#0f172ae0,#020617eb);border:1px solid rgba(148,163,184,.18);border-radius:var(--border-radius);box-shadow:0 24px 60px #02061747,inset 0 1px #ffffff08}.hud-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hud-shell-header h3{font-family:var(--font-display);font-size:1.4rem}.hud-kicker{color:var(--text-muted);font-size:.9rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}.hud-action-btn{padding:10px 16px;border-radius:5px;border:1px solid rgba(148,163,184,.28);background:#94a3b814;color:var(--text-primary);transition:var(--transition-fast);height:42px}.hud-action-btn:hover:not([disabled]){border-color:#94a3b88c;box-shadow:0 4px 12px #02061733}.hud-action-btn-primary{background:linear-gradient(135deg,#94a3b82e,#94a3b838)}#games{--games-cyan-rgb: 0, 240, 255;--games-green-rgb: 0, 255, 136;--games-orange-rgb: 255, 140, 0;--games-purple-rgb: 184, 41, 255;display:grid;gap:18px;align-content:start;padding:16px;overflow-x:hidden}#games>*{min-width:0;max-width:100%}body:has(#games.active) .detail-panel.docked{position:fixed;top:var(--shell-header-offset);right:0;height:calc(96vh - var(--shell-header-offset));transform:translate(100%);pointer-events:none}.games-hero-wrap{order:1;position:relative}#games .games-hero{position:relative;z-index:1;overflow:hidden;padding:22px 24px;min-height:124px;background:radial-gradient(circle at 12% 12%,rgba(var(--games-cyan-rgb),.18),transparent 34%),radial-gradient(circle at 84% 24%,rgba(var(--games-purple-rgb),.16),transparent 32%),linear-gradient(135deg,#0f172aeb,#020617f5);border-color:rgba(var(--games-cyan-rgb),.22);box-shadow:0 24px 64px #02061757,inset 0 0 0 1px #ffffff08,inset 0 -1px rgba(var(--games-cyan-rgb),.22)}#games .games-hero:before,#games .games-hero:after{content:"";position:absolute;pointer-events:none}#games .games-hero:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 78%);mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 78%)}#games .games-hero:after{right:22px;bottom:18px;width:min(34vw,360px);height:3px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-green));opacity:.72;box-shadow:0 0 18px rgba(var(--games-cyan-rgb),.35)}#games .games-hero h2{position:relative;z-index:1;margin-bottom:8px;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;letter-spacing:.05em;color:#f8fbff;text-shadow:0 0 18px rgba(var(--games-cyan-rgb),.34)}#games .games-hero p{position:relative;z-index:1}#games .games-hero>p:last-child{max-width:64ch;color:var(--text-secondary)}.games-cat{position:absolute;right:120px;top:34px;width:clamp(100px,12vw,200px);z-index:2;pointer-events:none}#games [data-testid=games-primary-grid]{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#games [data-testid=games-primary-grid]>.game-card--quiz{--game-card-accent: var(--neon-cyan);--game-card-accent-rgb: var(--games-cyan-rgb);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;min-height:clamp(280px,calc((100vh - var(--shell-header-offset) - 200px) / 2),420px);padding:18px;border-radius:var(--border-radius);border:1px solid rgba(var(--game-card-accent-rgb),.34);background:radial-gradient(circle at 22% 8%,rgba(var(--game-card-accent-rgb),.2),transparent 36%),linear-gradient(180deg,#0f172ae6,#020617f5);box-shadow:0 22px 54px #02061752,0 0 0 1px rgba(var(--game-card-accent-rgb),.08),inset 0 0 28px rgba(var(--game-card-accent-rgb),.05);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}#games [data-testid=games-primary-grid]>.game-card--quiz:before,#games [data-testid=games-primary-grid]>.game-card--quiz:after{content:"";position:absolute;pointer-events:none;z-index:-1}#games [data-testid=games-primary-grid]>.game-card--quiz:before{top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(var(--game-card-accent-rgb),.13);border-radius:inherit}#games [data-testid=games-primary-grid]>.game-card--quiz:after{width:104px;height:104px;right:-34px;bottom:-34px;border-radius:5px;border:1px solid rgba(var(--game-card-accent-rgb),.22);box-shadow:inset 0 0 28px rgba(var(--game-card-accent-rgb),.09);transform:rotate(18deg)}#games [data-testid=games-primary-grid]>.game-card--quiz:hover,#games [data-testid=games-primary-grid]>.game-card--quiz:focus-within{transform:translateY(-4px);border-color:rgba(var(--game-card-accent-rgb),.62);box-shadow:0 26px 64px #02061766,0 0 22px rgba(var(--game-card-accent-rgb),.15),inset 0 0 32px rgba(var(--game-card-accent-rgb),.08)}#games [data-testid=games-support-area]{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:1px}#games .game-area{order:4;min-width:0}#games [data-testid=games-primary-grid]>.game-card{--game-card-accent: var(--neon-cyan);--game-card-accent-rgb: var(--games-cyan-rgb);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:12px;min-height:clamp(300px,calc(100vh - var(--shell-header-offset) - 220px),560px);padding:18px;border-radius:var(--border-radius);border:1px solid rgba(var(--game-card-accent-rgb),.34);background:radial-gradient(circle at 22% 8%,rgba(var(--game-card-accent-rgb),.2),transparent 36%),linear-gradient(180deg,#0f172ae6,#020617f5);box-shadow:0 22px 54px #02061752,0 0 0 1px rgba(var(--game-card-accent-rgb),.08),inset 0 0 28px rgba(var(--game-card-accent-rgb),.05);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}#games [data-testid=games-primary-grid]>.game-card:before,#games [data-testid=games-primary-grid]>.game-card:after{content:"";position:absolute;pointer-events:none;z-index:-1}#games [data-testid=games-primary-grid]>.game-card:before{top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(var(--game-card-accent-rgb),.13);border-radius:inherit}#games [data-testid=games-primary-grid]>.game-card:after{width:104px;height:104px;right:-34px;bottom:-34px;border-radius:5px;border:1px solid rgba(var(--game-card-accent-rgb),.22);box-shadow:inset 0 0 28px rgba(var(--game-card-accent-rgb),.09);transform:rotate(18deg)}#games [data-testid=games-primary-grid]>.game-card:hover,#games [data-testid=games-primary-grid]>.game-card:focus-within{transform:translateY(-4px);border-color:rgba(var(--game-card-accent-rgb),.62);box-shadow:0 26px 64px #02061766,0 0 22px rgba(var(--game-card-accent-rgb),.15),inset 0 0 32px rgba(var(--game-card-accent-rgb),.08)}#games [data-game=drag]{--game-card-accent: var(--neon-cyan);--game-card-accent-rgb: var(--games-cyan-rgb)}#games [data-game=memory]{--game-card-accent: var(--neon-green);--game-card-accent-rgb: var(--games-green-rgb)}#games [data-game=reaction]{--game-card-accent: var(--neon-orange);--game-card-accent-rgb: var(--games-orange-rgb)}#games [data-testid=games-primary-grid] .game-card-kicker{color:var(--game-card-accent);font-size:.76rem;letter-spacing:.24em;line-height:1.2;text-transform:uppercase;text-shadow:0 0 12px rgba(var(--game-card-accent-rgb),.34)}#games [data-testid=games-primary-grid] .game-card h3{font-family:var(--font-display);font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.2;color:#f8fbff}#games [data-testid=games-primary-grid] .game-card>p:not(.game-card-kicker){color:var(--text-secondary);font-size:.8rem;line-height:1.65}#games [data-testid=games-primary-grid] .game-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#games [data-testid=games-primary-grid] .game-card-stats span{min-width:0;padding:8px;border-radius:5px;border:1px solid rgba(148,163,184,.13);background:#0206176b;color:var(--text-muted);font-size:.72rem;line-height:1.35}#games [data-testid=games-primary-grid] .game-card-stats strong{display:block;margin-top:2px;font-family:var(--font-display);color:#f8fbff;font-size:1rem}#games [data-testid=games-primary-grid] .play-btn{align-self:end;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:11px 14px;border-radius:5px;border:1px solid rgba(var(--game-card-accent-rgb),.5);background:linear-gradient(135deg,rgba(var(--game-card-accent-rgb),.22),rgba(var(--game-card-accent-rgb),.08)),#020617b8;color:#f8fbff;letter-spacing:.08em;text-shadow:0 0 10px rgba(var(--game-card-accent-rgb),.3);box-shadow:inset 0 0 14px rgba(var(--game-card-accent-rgb),.08);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}#games [data-testid=games-primary-grid] .play-btn:hover,#games [data-testid=games-primary-grid] .play-btn:focus-visible{transform:translateY(-1px);border-color:rgba(var(--game-card-accent-rgb),.78);box-shadow:0 10px 28px #0206174d,0 0 18px rgba(var(--game-card-accent-rgb),.18),inset 0 0 18px rgba(var(--game-card-accent-rgb),.12)}#games [data-testid=games-support-area] .game-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#games [data-testid=games-support-area] .game-card-stats span{min-width:0;padding:8px;border-radius:5px;border:1px solid rgba(148,163,184,.13);background:#0206176b;color:var(--text-muted);font-size:.72rem;line-height:1.35}#games [data-testid=games-support-area] .game-card-stats strong{display:block;margin-top:2px;font-family:var(--font-display);color:#f8fbff;font-size:1rem}#games .game-area-idle{display:none}#games .game-area.active{order:2;position:relative;z-index:2;min-width:0;max-width:100%;min-height:clamp(520px,calc(100vh - var(--shell-header-offset) - 32px),760px);max-height:calc(100vh - var(--shell-header-offset) - 32px);overflow:auto}#games .game-area.active:has(.drag-game-layout){min-height:0;max-height:calc(100vh - var(--shell-header-offset) - 32px);overflow:hidden}#games.games--game-active .games-hero,#games.games--game-active [data-testid=games-primary-grid],#games.games--game-active [data-testid=games-support-area]{display:none}#games.games--game-active .game-area.active{height:calc(100vh - var(--shell-header-offset));min-height:0;max-height:calc(96vh - var(--shell-header-offset));overflow:hidden}#games.games--game-active .game-area.active:has(.drag-game-layout){height:calc(100vh - var(--shell-header-offset));min-height:0;max-height:calc(100vh - var(--shell-header-offset));overflow:hidden}#games:has(.game-area.active) [data-testid=games-primary-grid]{order:3}#games:has(.game-area.active) [data-testid=games-support-area]{order:4}#games .game-overlay{--active-game-accent: var(--neon-cyan);--active-game-accent-rgb: var(--games-cyan-rgb);position:relative;isolation:isolate;display:grid;gap:16px;min-width:0;min-height:100%;max-width:100%;padding:18px;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(var(--active-game-accent-rgb),.14),transparent 32%),radial-gradient(circle at 92% 12%,rgba(var(--games-purple-rgb),.1),transparent 28%),linear-gradient(180deg,#0f172aed,#020617f7);border-color:rgba(var(--active-game-accent-rgb),.24);box-shadow:0 24px 64px #02061757,inset 0 0 0 1px #ffffff08,inset 0 -1px rgba(var(--active-game-accent-rgb),.16)}#games .game-area.active:has(.drag-game-layout) .game-overlay{height:100%;grid-template-rows:auto 1fr}#games .game-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 76%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 76%)}#games .game-overlay>.hud-shell-header{position:relative;z-index:2;min-width:0;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.13)}#games .game-overlay .hud-shell-header>div:first-child{min-width:0}#games .game-summary{max-width:72ch;margin-top:8px;color:var(--text-secondary);line-height:1.65}#games .game-frame-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;flex-wrap:wrap}#games .game-frame-actions .hud-action-btn{min-width:104px}#games .game-scoreboard{--quiz-accent: var(--active-game-accent);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}#games .game-scoreboard .quiz-stat-card{min-width:0;padding:12px 14px;background:#02061780;border-color:rgba(var(--active-game-accent-rgb),.14)}#games .game-scoreboard .quiz-stat-card strong{font-size:clamp(1.05rem,2vw,1.35rem);overflow-wrap:anywhere}#games .game-body-shell{display:grid;gap:14px;min-width:0;overflow:hidden}#games .game-area.active:has(.drag-game-layout) .game-body-shell{grid-template-rows:auto 1fr}#games .game-feedback{min-width:0;padding:6px 0;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;line-height:1.3;overflow-wrap:anywhere}#games .game-feedback.info{border:none;background:transparent;color:#d8fbff}#games .game-feedback.success{border:none;background:transparent;color:#d7ffe8}#games .game-feedback.error{border:none;background:transparent;color:#ffd9d9}#games .drag-game-layout,#games .reaction-board{display:grid;gap:14px;min-width:0}#games .drag-game-layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:stretch;height:100%;min-height:0;overflow:hidden}#games .drag-grid-shell,#games .drag-tray,#games .reaction-column{min-width:0;padding:14px;border-radius:5px;border:1px solid rgba(148,163,184,.13);background:#02061775;box-shadow:inset 0 0 22px #94a3b809}#games .drag-grid-shell{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;overflow:hidden}#games .drag-tray{height:100%;min-height:0;overflow:hidden}#games .drag-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:4px;width:100%;max-width:100%;height:100%;aspect-ratio:18 / 7;min-width:0;min-height:0}#games .drag-slot{position:relative;display:grid;place-items:center;min-width:0;width:100%;height:100%;aspect-ratio:1 / 1;padding:4px;overflow:hidden;border-radius:5px;border:1px dashed rgba(var(--games-cyan-rgb),.28);background:#0f172a94;color:var(--text-muted);text-align:center;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}#games .drag-slot.is-hovered{border-color:rgba(var(--games-cyan-rgb),.74);background:rgba(var(--games-cyan-rgb),.12);transform:translateY(-1px)}#games .drag-slot.is-filled{border-style:solid;border-color:rgba(var(--games-green-rgb),.42);background:rgba(var(--games-green-rgb),.1)}#games .drag-slot.is-wrong-flash{border-color:#f87171c2;background:#f8717129}#games .drag-slot-label,#games .drag-slot-placeholder{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}#games .drag-placed-card{display:grid;gap:1px;max-width:100%;color:#d7ffe8}#games .drag-placed-card strong{font-family:var(--font-display);font-size:1rem}#games .drag-placed-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem}#games .drag-tray{display:grid;align-content:start;gap:12px}#games .drag-tray h4,#games .reaction-column h4{font-family:var(--font-display);color:#f8fbff;letter-spacing:.06em}#games .drag-card-tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;min-width:0}#games .drag-card{display:grid;gap:2px;min-width:0;min-height:72px;padding:8px;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:5px;border:1px solid rgba(var(--games-cyan-rgb),.28);background:radial-gradient(circle at top,rgba(var(--games-cyan-rgb),.15),transparent 60%),#0f172adb;color:var(--text-primary);text-align:center;box-shadow:inset 0 0 14px rgba(var(--games-cyan-rgb),.05);transition:transform var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}#games .drag-card:hover:not(.is-locked),#games .drag-card.is-dragging{transform:translateY(-2px);border-color:rgba(var(--games-cyan-rgb),.62)}#games .drag-card.was-wrong{border-color:#f87171b3;animation:quiz-shake .35s ease}#games .drag-card.is-locked{cursor:default;opacity:.45}#games .drag-card-number{color:var(--text-muted);font-size:.72rem}#games .drag-card strong{font-family:var(--font-display);color:#f8fbff;font-size:1.45rem}#games .drag-card span:last-child{overflow:hidden;color:var(--text-secondary);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}#games .memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;min-width:0}#games .memory-card{position:relative;min-width:0;min-height:118px;padding:0;overflow:visible;border-radius:5px;border:1px solid rgba(var(--games-green-rgb),.22);background:#0f172ae0;transform-style:preserve-3d;will-change:transform;transition:transform var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-fast)}#games .memory-card:hover:not([disabled]):not(.is-revealed):not(.is-matched){transform:translateY(-2px);border-color:rgba(var(--games-green-rgb),.52);box-shadow:0 12px 26px #02061742}#games .memory-card.is-revealed,#games .memory-card.is-matched{border-color:rgba(var(--games-green-rgb),.48);background:rgba(var(--games-green-rgb),.08)}#games .memory-card.is-matched{box-shadow:inset 0 0 0 1px rgba(var(--games-green-rgb),.2)}#games .memory-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;backface-visibility:hidden;transform-style:preserve-3d;border-radius:5px}#games .memory-card-front{font-family:var(--font-display);color:var(--neon-green);font-size:2rem;text-shadow:0 0 16px rgba(var(--games-green-rgb),.32);transform:rotateY(0)}#games .memory-card-back{gap:6px;color:var(--text-primary);transform:rotateY(180deg)}#games .memory-card.is-revealed,#games .memory-card.is-matched{transform:rotateY(180deg)}@keyframes memory-card-open{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes memory-card-close{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}#games .memory-card.is-opening{animation:memory-card-open .45s ease-in-out forwards}#games .memory-card.is-closing{animation:memory-card-close .45s ease-in-out forwards}#games .memory-card-back small{color:var(--text-muted)}#games .memory-card-back strong{font-family:var(--font-display);color:#f8fbff;font-size:clamp(1.1rem,2vw,1.45rem);overflow-wrap:anywhere}#games .memory-countdown-float{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 44px;border-radius:5px;background:#0f172aeb;border:1px solid rgba(var(--games-green-rgb),.45);box-shadow:0 24px 64px #02061773,inset 0 0 0 1px #ffffff0a;pointer-events:none;animation:memory-countdown-pulse 1s ease-in-out infinite alternate}#games .memory-countdown-float .memory-countdown-label{font-family:var(--font-display);color:var(--text-muted);font-size:1rem;letter-spacing:.18em}#games .memory-countdown-float .memory-countdown-seconds{font-family:var(--font-display);color:var(--neon-green);font-size:4.5rem;line-height:1;text-shadow:0 0 24px rgba(var(--games-green-rgb),.45)}@keyframes memory-countdown-pulse{0%{box-shadow:0 24px 64px #02061773,inset 0 0 0 1px #ffffff0a;transform:translate(-50%,-50%) scale(1)}to{box-shadow:0 28px 72px #0206178c,inset 0 0 0 1px #ffffff0f;transform:translate(-50%,-50%) scale(1.03)}}#games .reaction-board{grid-template-columns:repeat(2,minmax(0,1fr))}#games .reaction-column{display:grid;align-content:start;gap:12px}#games .reaction-column-list{display:grid;gap:10px;min-width:0}#games .reaction-chip{display:grid;gap:5px;align-items:center;min-width:0;min-height:72px;padding:12px;border-radius:5px;border:1px solid rgba(var(--games-orange-rgb),.24);background:#0f172ad1;color:var(--text-primary);text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}#games .reaction-chip:hover:not([disabled]),#games .reaction-chip.is-selected{transform:translateY(-1px);border-color:rgba(var(--games-orange-rgb),.66);background:rgba(var(--games-orange-rgb),.1)}#games .reaction-chip.is-matched{border-color:rgba(var(--games-green-rgb),.48);background:rgba(var(--games-green-rgb),.09)}#games .reaction-chip small{color:var(--text-muted)}#games .reaction-chip strong{font-size:1.2rem;overflow-wrap:anywhere;line-height:1.45}#games .reaction-chip-product{border-color:rgba(var(--games-purple-rgb),.22)}#games .game-result-panel{display:grid;place-items:center;gap:14px;min-width:0;padding:28px;border-radius:5px;border:1px solid rgba(var(--active-game-accent-rgb),.2);background:radial-gradient(circle at center,rgba(var(--active-game-accent-rgb),.12),transparent 58%),#02061794;text-align:center}#games .game-result-badge{display:grid;place-items:center;width:92px;height:92px;border-radius:5px;border:1px solid rgba(var(--active-game-accent-rgb),.36);background:#0f172ad1;color:#f8fbff;font-family:var(--font-display);font-size:2.6rem;box-shadow:inset 0 0 26px rgba(var(--active-game-accent-rgb),.1)}#games .game-result-copy{max-width:58ch;color:var(--text-secondary);line-height:1.75}#games .game-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}#games .game-result-panel--reaction{position:relative;overflow:hidden;gap:18px;padding:24px 22px;border-color:rgba(var(--games-orange-rgb),.3);background:radial-gradient(circle at 18% 12%,rgba(var(--games-orange-rgb),.2),transparent 32%),radial-gradient(circle at 86% 18%,rgba(var(--games-green-rgb),.13),transparent 30%),linear-gradient(180deg,#0f172ad1,#020617b8)}#games .game-result-panel--reaction:before,#games .game-result-panel--reaction:after{content:"";position:absolute;pointer-events:none;border-radius:5px}#games .game-result-panel--reaction:before{top:16px;left:16px;width:34px;height:34px;border:1px solid rgba(var(--games-orange-rgb),.36);box-shadow:52px 18px 0 -14px rgba(var(--games-green-rgb),.22);transform:rotate(12deg)}#games .game-result-panel--reaction:after{right:16px;bottom:18px;width:52px;height:10px;background:linear-gradient(90deg,var(--neon-orange),var(--neon-green));opacity:.58;box-shadow:0 0 18px rgba(var(--games-orange-rgb),.22)}#games .game-result-panel--reaction .game-result-badge{width:104px;height:104px;border-radius:5px;border:2px dashed rgba(var(--games-orange-rgb),.55);background:radial-gradient(circle at 30% 30%,rgba(var(--games-orange-rgb),.18),transparent 60%),#0f172ad1;font-size:2.4rem;text-shadow:0 0 18px rgba(var(--games-orange-rgb),.35);animation:reaction-badge-pop .55s cubic-bezier(.22,1,.36,1)}@keyframes reaction-badge-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}#games .game-result-panel--reaction .game-result-copy{max-width:52ch;color:#ffe8cc;font-size:.92rem}#games .reaction-summary-shell{width:100%;min-width:0;display:grid;gap:12px;text-align:left}#games .reaction-summary-heading{font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;color:#f8fbff;text-align:center}#games .reaction-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;min-width:0}#games .reaction-summary-chip{position:relative;min-width:0;padding:12px 14px;border-radius:5px;border:1px solid rgba(var(--games-orange-rgb),.28);background:radial-gradient(circle at top left,rgba(var(--games-orange-rgb),.12),transparent 52%),#0206179e;display:grid;gap:6px;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast)}#games .reaction-summary-chip:before{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:5px;background:var(--neon-green);box-shadow:0 0 12px rgba(var(--games-green-rgb),.45)}#games .reaction-summary-chip:hover{transform:translateY(-2px);border-color:rgba(var(--games-orange-rgb),.55)}#games .reaction-summary-name{font-family:var(--font-display);color:#f8fbff;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}#games .reaction-summary-equation{color:#ffe0b3;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}#games .reaction-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;padding:7px 9px;border-radius:5px;background:rgba(var(--games-orange-rgb),.1);color:var(--text-muted);font-size:.75rem}#games .reaction-summary-row strong{min-width:0;color:#fff3d6;font-size:.88rem;text-align:right;overflow-wrap:anywhere}#games .reaction-summary-insight{color:var(--text-secondary);font-size:.76rem;line-height:1.55;overflow-wrap:anywhere}#games .reaction-summary-tags{justify-self:start;max-width:100%;padding:3px 8px;border-radius:5px;border:1px solid rgba(var(--games-green-rgb),.22);background:rgba(var(--games-green-rgb),.08);color:#ccffe7;font-size:.72rem;line-height:1.35;overflow-wrap:anywhere}#games .reaction-summary-empty{text-align:center;color:var(--text-secondary);font-size:.88rem;padding:10px 0}@media(max-width:900px){#games .game-scoreboard,#games .drag-game-layout,#games .reaction-board{grid-template-columns:1fr}#games .drag-grid{grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:18 / 7;min-height:0}}@media(max-width:767px){#games .game-overlay{padding:14px;gap:12px}#games .game-frame-actions{justify-content:stretch}#games .game-frame-actions .hud-action-btn{min-width:0;flex:1 1 136px}#games .game-scoreboard,#games .memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#games .game-scoreboard .quiz-stat-card,#games .drag-grid-shell,#games .drag-tray,#games .reaction-column,#games .game-result-panel{padding:12px}#games .drag-grid{gap:2px;aspect-ratio:18 / 7;min-height:0}#games .drag-slot{padding:2px}#games .drag-slot-label,#games .drag-slot-placeholder,#games .drag-placed-card span{font-size:.5rem}#games .drag-card-tray{grid-template-columns:repeat(2,minmax(0,1fr))}#games .memory-card{min-height:104px}#games .game-result-actions{width:100%}#games .game-result-actions .hud-action-btn{flex:1 1 150px}#games .game-result-panel--reaction{padding:14px}#games .game-result-panel--reaction:before,#games .game-result-panel--reaction:after{opacity:.42}#games .reaction-summary-row{align-items:flex-start;flex-direction:column;gap:4px}#games .reaction-summary-row strong{text-align:left}}.story-container{min-height:90%;max-width:99%}.story-shell{--story-accent: var(--text-primary);padding:24px;display:grid;gap:20px;height:100%}.story-hero{display:grid;grid-template-columns:minmax(104px,132px) minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;position:relative}.story-orbital-badge{border-radius:5px;border:1px solid rgba(148,163,184,.2);background:radial-gradient(circle at top,#94a3b814,#0f172ae6 68%);display:grid;place-items:center;min-height:180px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #94a3b80d}.story-orbital-badge:after{content:"";position:absolute;inset:auto 18px 18px;height:1px;background:linear-gradient(90deg,transparent,var(--story-accent),transparent);opacity:.55}.story-cat{position:absolute;left:10px;top:240px;width:clamp(80px,6vw,120px);z-index:3;pointer-events:none}.story-atomic-number{font-family:var(--font-display);color:var(--text-muted);font-size:1.2rem}.story-symbol{font-family:var(--font-display);font-size:4rem;color:var(--text-primary);text-shadow:none;transform:translateY(-60px)}.story-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.story-media-card{min-width:0;overflow:hidden;border-radius:5px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#0f172ae6,#020617f5),radial-gradient(circle at top left,color-mix(in srgb,var(--story-accent) 16%,transparent),transparent 52%);box-shadow:0 18px 46px #02061742,inset 0 1px #ffffff08;position:relative;align-self:start}.story-media-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 62%);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 62%);pointer-events:none}.story-media-frame{aspect-ratio:1 / 1;overflow:hidden;background:#020617d1}.story-media-frame img{display:block;width:100%;height:100%;object-fit:fill;object-position:center}.story-media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#030a18b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-media-modal{position:relative;width:min(728px,94vw);max-height:min(800px,92vh);overflow:visible;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:16px 24px 20px;background:#081428f5;box-shadow:0 24px 80px #0000005c}.story-media-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding-right:40px}.story-media-modal-header h3{margin:0;font-family:var(--font-display);font-size:1.15rem;line-height:1.2}.story-media-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:5px;background:transparent;color:var(--text-primary);font-size:1.4rem;line-height:1;cursor:pointer;display:inline-grid;place-items:center}.story-media-modal-close:hover{background:transparent;color:var(--text-secondary)}.story-media-modal-preview{position:relative;width:min(280px,58vw);aspect-ratio:1 / 1;margin:10px auto;border-radius:5px;background:#ffffff0f;overflow:hidden}.story-media-modal-preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.story-media-modal-preview img[hidden]{display:none}.story-media-modal-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#020617b8;color:var(--text-muted);text-align:center}.story-media-modal-placeholder[hidden]{display:none}.story-media-placeholder-icon{font-size:2rem;line-height:1;opacity:.55}.story-media-placeholder-text{font-size:.88rem;line-height:1.4}.story-media-delete-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:6px 14px;border:1px solid rgba(239,68,68,.55);border-radius:5px;background:#ef44442e;color:#fecaca;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.story-media-delete-btn:hover{background:#ef44444d;border-color:#ef4444bf}.story-media-delete-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ef44444d}.story-media-upload-field{display:grid;gap:6px;margin-top:10px}.story-media-upload-field span{color:var(--text-secondary);font-size:.88rem}.story-media-upload-field input[type=text]{padding:10px 14px;border:1px solid rgba(148,163,184,.22);border-radius:5px;background:#020617b8;color:var(--text-primary);font-size:.92rem}.story-media-upload-dropzone{display:grid;place-items:center;gap:8px;margin-top:10px;padding:14px 16px;border:2px dashed rgba(148,163,184,.35);border-radius:5px;background:#0206178c;cursor:pointer;transition:border-color .2s ease,background .2s ease;outline:none}.story-media-upload-dropzone:focus-visible{border-color:var(--accent-primary, #60a5fa);box-shadow:0 0 0 3px #60a5fa40}.story-media-upload-dropzone.drag-over{border-color:var(--accent-primary, #60a5fa);background:#60a5fa1a}.story-media-dropzone-content{display:grid;place-items:center;gap:6px;text-align:center}.story-media-dropzone-icon{font-size:1.6rem;line-height:1;opacity:.85}.story-media-dropzone-hint{margin:0;color:var(--text-primary);font-size:.92rem;font-weight:500}.story-media-dropzone-sub,.story-media-dropzone-paste{margin:0;color:var(--text-muted);font-size:.78rem}.story-media-picker-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid rgba(96,165,250,.45);border-radius:5px;background:#60a5fa1f;color:#bfdbfe;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.story-media-picker-btn:hover{background:#60a5fa38;border-color:#60a5faa6}.story-media-picker-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #60a5fa4d}.story-media-dropzone-status{min-height:1.2em;color:var(--text-secondary);font-size:.82rem;text-align:center}.story-media-modal-error{display:block;min-height:1.2em;color:#ffb4b4;font-size:.88rem;margin-top:10px}.story-media-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:12px}.story-media-source{padding:8px 12px;color:var(--text-muted);font-size:.74rem;text-align:left;background:#020617d1;border-top:1px solid rgba(148,163,184,.14)}.story-media-attribution{padding:8px 12px;color:var(--text-muted);font-size:.74rem;line-height:1.45;background:#020617d1;border-top:1px solid rgba(148,163,184,.14);display:flex;flex-direction:column;gap:2px}.story-media-source-label{display:block;color:var(--text-muted)}.story-media-source-value{display:block;padding-left:0;color:var(--text-secondary)}.story-media-copy{min-width:0;display:grid;gap:8px;padding:12px;position:relative;z-index:1}.story-media-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.story-media-label{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.08em;white-space:nowrap}.story-media-badge{flex:0 0 auto;max-width:62%;padding:3px 8px;border-radius:5px;border:1px solid color-mix(in srgb,var(--story-accent) 42%,transparent);background:color-mix(in srgb,var(--story-accent) 14%,rgba(15,23,42,.9));color:var(--text-primary);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-media-caption,.story-media-disclosure{color:var(--text-secondary);font-size:.82rem;line-height:1.65;overflow-wrap:anywhere}.story-media-disclosure{padding-top:8px;border-top:1px dashed rgba(148,163,184,.18)}.story-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-meta-card,.quiz-stat-card{padding:16px;border-radius:5px;background:#0f172ab8;border:1px solid rgba(148,163,184,.14)}.story-meta-card span,.quiz-stat-card span{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.story-transcript-panel{padding:20px;border-radius:5px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#020617db,#0f172aeb)}.story-transcript-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--text-secondary)}.story-body{min-height:140px;font-size:.8rem;line-height:1.9;color:var(--text-primary);white-space:pre-wrap}.story-nav-row,.quiz-nav-row{display:flex;justify-content:flex-end;gap:12px;flex-wrap:nowrap;align-content:center;align-items:flex-end}.story-empty-state{padding:28px;border-radius:5px;background:#0f172ab8;color:var(--text-secondary)}#quiz-modal .modal-content{max-width:1140px;width:min(1140px,92vw);padding:20px}.quiz-shell{--quiz-accent: var(--text-primary);display:grid;gap:18px;padding:18px}.quiz-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quiz-scoreboard--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-stat-card strong{font-family:var(--font-display);color:var(--quiz-accent);font-size:1.35rem}.quiz-card-shell{padding:20px;border-radius:5px;border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at top,#94a3b814,#0f172af0 70%)}.quiz-shell--correct .quiz-card-shell{box-shadow:inset 0 0 0 1px #22c55e38,0 8px 24px #02061733}.quiz-shell--wrong .quiz-card-shell{animation:quiz-shake .35s ease;box-shadow:inset 0 0 0 1px #ef444433,0 8px 24px #02061733}.quiz-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.quiz-mode-badge{padding:6px 12px;border-radius:5px;border:1px solid color-mix(in srgb,var(--quiz-accent) 35%,transparent);background:color-mix(in srgb,var(--quiz-accent) 12%,rgba(15,23,42,.9));color:var(--text-primary);font-size:.78rem;white-space:nowrap}.quiz-progress-track{position:relative;height:10px;border-radius:5px;overflow:hidden;background:#0f172ae6;border:1px solid rgba(148,163,184,.12)}.quiz-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#94a3b899,#f8fafccc);box-shadow:none;transition:width .28s ease}.quiz-question-category{color:var(--text-muted);margin-bottom:8px}.quiz-question-text{font-size:1.2rem;margin-bottom:18px}.quiz-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-option-btn{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 14px;border-radius:5px;text-align:left;border:1px solid rgba(148,163,184,.14);background:#0f172ac7;transition:var(--transition-fast)}.quiz-option-btn:hover:not([disabled]){border-color:#94a3b866;background:#0f172af2;transform:translateY(-2px) scale(1.01);box-shadow:0 12px 28px #02061733}.quiz-option-prefix{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:5px;border:1px solid rgba(148,163,184,.24);color:var(--text-secondary);font-family:var(--font-display);font-size:.82rem}.quiz-option-btn.is-selected{border-color:color-mix(in srgb,var(--quiz-accent) 45%,transparent)}.quiz-option-btn.is-correct{border-color:#22c55e8c;background:#22c55e24;box-shadow:none}.quiz-option-btn.is-wrong{border-color:#ef44448c;background:#ef444424;box-shadow:none}.quiz-option-btn.is-selected.is-wrong{border-color:#ef4444c7;background:#ef444438;box-shadow:0 0 14px #ef44442e}.quiz-feedback-panel{margin-top:16px;min-height:92px;padding:16px;border-radius:5px;border:1px solid rgba(148,163,184,.12);background:#02061780}.quiz-feedback-panel.is-correct{border-color:#22c55e47;background:#22c55e14}.quiz-feedback-panel.is-wrong{border-color:#ef444447;background:#ef444414}.quiz-feedback-text,.quiz-explanation-text{color:var(--text-secondary);font-size:.8rem}.quiz-feedback-text{min-height:28px}.quiz-explanation-text{margin-top:10px;line-height:1.75}.quiz-result-hero{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:18px}.quiz-result-core,.quiz-result-summary,.quiz-review-shell,.quiz-game-stat,.game-card--quiz{position:relative}.quiz-result-core{display:grid;place-items:center;gap:6px;padding:24px;min-height:220px;border-radius:5px;overflow:hidden;background:radial-gradient(circle at center,#94a3b814,#0f172af2 68%);border:1px solid rgba(148,163,184,.14)}.quiz-result-ring{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:5px;border:1px solid rgba(148,163,184,.2);box-shadow:none}.quiz-result-core strong{position:relative;font-family:var(--font-display);font-size:2.6rem;color:var(--text-primary);text-shadow:none}.quiz-result-core span:last-child{position:relative;color:var(--text-secondary)}.quiz-result-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quiz-result-chip,.quiz-game-stat{padding:16px;border-radius:5px;border:1px solid rgba(148,163,184,.14);background:#0f172ab8}.quiz-result-chip span,.quiz-game-stat span{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.78rem}.quiz-result-chip strong,.quiz-game-stat strong{color:var(--text-primary)}.quiz-celebration-banner{padding:14px 16px;border-radius:5px;border:1px solid rgba(34,197,94,.24);background:linear-gradient(90deg,#22c55e1f,#94a3b80f);color:#d2ffe7}.quiz-review-shell{padding:20px;border-radius:5px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#020617d9,#0f172aeb)}.quiz-review-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.quiz-review-header span{color:var(--text-secondary)}.quiz-review-list{display:grid;gap:12px}.quiz-review-item{padding:16px;border-radius:5px;border:1px solid rgba(148,163,184,.12);background:#0f172ab3}.quiz-review-question{margin-bottom:10px;font-weight:600}.quiz-review-answer,.quiz-review-explanation,.quiz-review-empty{color:var(--text-secondary)}.quiz-review-answer span,.quiz-review-explanation span{color:var(--text-muted)}.quiz-review-answer.is-correct{color:#86efac}.quiz-review-explanation{margin-top:8px;line-height:1.75}.quiz-nav-row--results{justify-content:flex-end}.game-card--quiz{overflow:hidden;isolation:isolate;border:1px solid rgba(148,163,184,.16);background:linear-gradient(160deg,#0f172af5,#020617e0)}.game-card-orbit{position:absolute;width:180px;height:180px;top:-48px;right:-40px;border-radius:5px;border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 0 36px #94a3b814;opacity:.9;pointer-events:none}.quiz-game-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.quiz-play-btn{width:100%;padding:12px 16px;border-radius:5px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(135deg,#94a3b81f,#94a3b814);transition:var(--transition-fast)}.quiz-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #02061733}@keyframes quiz-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes quiz-pulse{0%,to{transform:scale(.98);opacity:.7}50%{transform:scale(1);opacity:1}}.game-rule-feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease}.game-rule-feedback-overlay.is-visible{opacity:1;transform:scale(1)}.game-rule-feedback-overlay.is-correct,.game-rule-feedback-overlay.is-incorrect{font-size:clamp(3rem,8vw,5rem);line-height:1;text-shadow:0 0 24px rgba(0,0,0,.45)}.game-rule-feedback-overlay.is-correct{text-shadow:0 0 28px rgba(255,200,80,.55),0 0 24px rgba(0,0,0,.45)}.game-rule-feedback-overlay.is-incorrect{text-shadow:0 0 28px rgba(120,160,220,.45),0 0 24px rgba(0,0,0,.45)}@media(prefers-reduced-motion:reduce){.game-rule-feedback-overlay{transition:none;transform:none}.game-rule-feedback-overlay.is-visible{transform:none}}@media(min-width:768px)and (max-width:900px){.story-hero,.quiz-scoreboard,.quiz-scoreboard--triple,.quiz-options-grid,.quiz-result-hero,.quiz-result-summary,.quiz-game-stats{grid-template-columns:1fr}.quiz-card-topline,.quiz-review-header{align-items:flex-start;flex-direction:column}}body:has(#lab.active) .detail-panel.docked{display:none}#lab.active{padding-left:clamp(12px,4vw,56px);padding-right:clamp(12px,4vw,56px)}.lab-toolbar{display:grid;gap:12px;padding:16px 20px;margin-bottom:18px;position:relative;overflow:visible}.lab-cat{position:absolute;left:160px;top:-54px;width:clamp(80px,6.5vw,100px);z-index:2}.lab-toolbar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.lab-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lab-toolbar-info{display:grid;gap:4px}.lab-toolbar-meta{margin:0;text-align:right;white-space:nowrap}.lab-toolbar-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.lab-filter-input,.lab-filter-select{background:#0f172ab8;border:1px solid rgba(148,163,184,.22);border-radius:5px;color:#e2e8f0;font-size:.82rem;padding:7px 10px;min-width:140px}.lab-filter-input::placeholder{color:#94a3b899}.lab-filter-input:focus,.lab-filter-select:focus{outline:none;border-color:#22d3ee8c;box-shadow:0 0 0 2px #22d3ee1f}.lab-empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.lab-empty-state p:first-child{font-size:1.05rem;color:var(--text-secondary);margin-bottom:8px}.lab-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}@media(max-width:1200px){.lab-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.lab-item-card,.lab-stage-shell{background:linear-gradient(180deg,#0f172adb,#020617f0);border:1px solid var(--lab-accent, rgba(148, 163, 184, .16));border-radius:var(--border-radius);box-shadow:0 20px 50px #0206173d,0 0 0 1px var(--lab-accent-glow, rgba(148, 163, 184, .12));position:relative;overflow:hidden}.lab-item-card:before,.lab-stage-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--lab-accent-glow, rgba(148, 163, 184, .08)),transparent 40%);pointer-events:none}.lab-item-card{padding:18px;display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box}.lab-item-card.is-active{transform:translateY(-2px)}.lab-item-card.is-related{box-shadow:0 0 0 1px #94a3b847,0 20px 50px #0206173d}.lab-item-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lab-item-card-title-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.lab-card-serial{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex-shrink:0;padding:2px 6px;border-radius:5px;background:#94a3b81f;border:1px solid rgba(148,163,184,.18);color:var(--text-muted);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.4;white-space:nowrap}.lab-detail-serial{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:2px 6px;border-radius:5px;background:#94a3b81f;border:1px solid rgba(148,163,184,.18);color:var(--text-muted);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.04em;line-height:1.4;white-space:nowrap}.lab-item-card-title-wrap h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lab-item-card h3,.lab-stage-shell h3{font-family:var(--font-display);margin-bottom:6px}.lab-stage-description,.lab-stage-visual,.lab-toolbar-meta,.lab-card-description,.lab-card-status,.lab-simulation-meta,.lab-canvas-overlay,.lab-result-grid .lab-stage-card strong,.lab-confirm-row span,.lab-safety-alert p{color:var(--text-secondary);font-size:.8rem}.lab-card-description{display:block;overflow:hidden;height:calc(.8rem * 1.6 * 6);line-height:1.6;margin:0}.lab-card-clue{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(.8rem * 1.5 * 2);line-height:1.5;margin:auto 0 0;color:var(--text-muted);font-size:.8rem}.lab-card-action{margin-top:10px;width:100%}.lab-elements{color:var(--text-secondary);font-size:.92rem;min-height:1.4em;line-height:1.4}.lab-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;min-height:28px}.lab-card-meta-row .lab-safety-pill,.lab-card-meta-row .lab-card-status{flex-shrink:0}.lab-detail-actions,.lab-simulation-meta,.lab-canvas-overlay,.lab-confirm-row,.lab-nav-row-split,.lab-games-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-safety-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border-radius:5px;font-size:.82rem;font-weight:600;line-height:1.4}.lab-safety-pill svg{width:14px;height:14px}.level-safe{color:#4ade80}.level-caution{color:#facc15}.level-dangerous{color:#fb923c}.level-radioactive{color:#c084fc}.level-extremely-dangerous{color:#ef4444}.lab-complete-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:5px;background:#94a3b81f;color:var(--text-muted);font-size:.8rem;line-height:1}.lab-complete-badge.is-complete{background:#00ff881f;color:var(--neon-green)}.lab-complete-badge svg{width:14px;height:14px}.lab-stage{margin-top:20px}.lab-stage-shell{padding:22px;display:grid;gap:18px}.lab-stage-grid,.lab-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lab-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-summary-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:5px;background:#0f172ac7;border:1px solid rgba(148,163,184,.14);min-height:0}.lab-summary-row.is-equation{grid-column:1 / -1}.lab-summary-row>span{flex-shrink:0;width:5em;color:var(--text-muted);font-size:.78rem}.lab-summary-row>strong{flex:1 1 auto;font-size:.88rem;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lab-summary-row.is-equation>strong{font-family:var(--font-display);font-size:clamp(1rem,1.6vw,1.4rem)}.lab-summary-row .lab-safety-pill{font-size:.82rem;border:0}.lab-summary-row[data-chem-notation]>strong{display:block;overflow:hidden;text-overflow:ellipsis}.lab-summary-row .chem-notation,.lab-summary-row .chem-notation .katex,.lab-summary-row .chem-notation .katex-html,.lab-summary-row .chem-notation .katex *{color:#fff!important}.lab-stage-layout{display:grid;grid-template-columns:1fr;gap:18px}.lab-stage-extras{display:grid;grid-template-columns:1fr;gap:14px}.lab-stage-main,.lab-stage-sidebar{display:grid;gap:16px;align-content:start}.lab-stage-card{padding:16px;border-radius:5px;background:#0f172ac7;border:1px solid rgba(148,163,184,.14);align-content:start}.lab-stage-card>span,.lab-equation-card>span,.lab-notebook-title{display:block;color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.lab-equation-card,.lab-notebook-card,.lab-safety-modal{border-radius:5px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#080f1fe6,#0f172ad9);padding:18px 20px;display:grid;gap:18px;align-content:start}.lab-equation-card strong,.lab-stage-card strong{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.8rem);color:#fff}.lab-stage-card[data-chem-notation] strong{display:block;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.lab-stage-card:not([data-chem-notation]) strong{font-size:.9rem}.lab-stage-card:not([data-chem-notation]) .lab-safety-pill{font-size:.9rem}.lab-equation-card .chem-notation,.lab-stage-card .chem-notation,.lab-simulation-meta .chem-notation,.lab-equation-card .chem-notation .katex,.lab-stage-card .chem-notation .katex,.lab-simulation-meta .chem-notation .katex,.lab-equation-card .chem-notation .katex-html,.lab-stage-card .chem-notation .katex-html,.lab-simulation-meta .chem-notation .katex-html,.lab-equation-card .chem-notation .katex *,.lab-stage-card .chem-notation .katex *,.lab-simulation-meta .chem-notation .katex *{color:#fff!important}.lab-notebook-card{background:linear-gradient(180deg,#fff8dc14,#0f172adb),repeating-linear-gradient(180deg,transparent,transparent 31px,rgba(59,130,246,.12) 32px)}.lab-steps-list,.lab-safety-list{margin:0;padding-left:20px;display:grid;gap:10px;color:#d9ebff;font-size:.8rem;align-content:start}.lab-safety-alert{padding:16px 18px;border-radius:5px;background:#0f172aeb;border:1px solid currentColor}.lab-confirm-row{justify-content:flex-start;padding:14px 16px;border-radius:5px;background:#0f172ab8;border:1px dashed rgba(148,163,184,.22)}.lab-confirm-row input{width:18px;height:18px}.lab-confirm-row.is-optional{opacity:.9}.lab-canvas-frame{position:relative;border-radius:5px;overflow:hidden;border:1px solid rgba(148,163,184,.24);background:radial-gradient(circle at top,#94a3b824,#020617f5);box-shadow:inset 0 0 30px #94a3b80d,0 0 40px var(--lab-accent-glow, rgba(148, 163, 184, .05))}.lab-simulation-canvas{width:100%;min-height:380px;display:block;background:transparent}.lab-canvas-overlay{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.88))}.lab-nav-row{display:flex;justify-content:flex-end;margin-top:18px}.lab-games-stat{margin-bottom:16px;padding:16px 18px}.lab-games-stat strong{font-family:var(--font-display);font-size:1.6rem}.lab-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,40px);background:#020617c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lab-modal{width:min(1100px,92vw);max-height:min(760px,88vh);display:grid;gap:14px;padding:18px;border-radius:var(--border-radius);background:linear-gradient(180deg,#0f172aeb,#020617f5);border:1px solid var(--lab-accent, rgba(148, 163, 184, .22));box-shadow:0 24px 60px #02061759,0 0 0 1px var(--lab-accent-glow, rgba(148, 163, 184, .14));overflow:auto}.lab-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,40px);background:#020617c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lab-detail-modal{width:min(1280px,96vw);max-height:min(760px,88vh);overflow:auto}.lab-detail-modal .lab-stage-shell{min-height:0;display:flex;flex-direction:column;gap:14px}.lab-detail-modal .lab-stage-shell>.lab-safety-modal,.lab-detail-modal .lab-stage-shell>.lab-stage-layout,.lab-detail-modal .lab-stage-shell>.lab-summary-grid,.lab-detail-modal .lab-stage-shell>.lab-result-grid{flex:0 0 auto;min-height:0}.lab-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lab-modal-header h3{font-family:var(--font-display);margin-bottom:6px}.lab-3d-host{position:relative;width:100%;height:520px;border-radius:5px;overflow:hidden}.lab-apparatus-info{position:absolute;bottom:20px;left:20px;right:20px;padding:16px;background:#0f172aeb;border:1px solid rgba(34,211,238,.3);border-radius:5px;color:#e2e8f0;display:none;z-index:10}.lab-apparatus-info h4{margin:0 0 8px;color:#22d3ee}.lab-apparatus-info h4 small{color:#94a3b8;font-size:.85em}.lab-inspection-progress{position:absolute;top:16px;right:16px;padding:8px 12px;background:#0f172ae0;border:1px solid rgba(148,163,184,.3);border-radius:5px;color:#22d3ee;font-size:.85rem;z-index:10}.lab-parameter-controls{padding:12px;background:#0f172acc;border-radius:5px}.lab-parameter-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lab-parameter-row label{width:120px;color:#94a3b8;font-size:.85rem}.lab-parameter-row input[type=range]{flex:1}.lab-parameter-value{width:60px;text-align:right;color:#22d3ee;font-size:.85rem}.lab-safety-warning{position:absolute;top:16px;left:16px;right:16px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:5px;color:#fca5a5;font-size:.85rem;z-index:10}.lab-detail-title{font-family:var(--font-display);margin:0;line-height:1.25}.lab-detail-title-text{font-size:clamp(1.15rem,2vw,1.55rem);color:#f8fbff;cursor:pointer;transition:opacity var(--transition-fast)}.lab-detail-title-text:hover{opacity:.82}.lab-detail-title-edit{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.lab-detail-title-input{flex:1 1 auto;min-width:0;width:80ch;max-width:100%;padding:7px 10px;border-radius:5px;border:1px solid rgba(34,211,238,.45);background:#0f172ac7;color:#e2e8f0;font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.3;box-shadow:inset 0 0 12px #22d3ee0f;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.lab-detail-title-input::placeholder{color:#94a3b88c}.lab-detail-title-input:focus{outline:none;border-color:#22d3eeb8;box-shadow:0 0 0 2px #22d3ee24,inset 0 0 14px #22d3ee14}.lab-detail-title-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lab-detail-title-action{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border-radius:5px;border:1px solid rgba(148,163,184,.28);background:#94a3b814;color:var(--text-primary);font-size:1.05rem;line-height:1;transition:var(--transition-fast);cursor:pointer}.lab-detail-title-action svg{width:16px;height:16px}.lab-detail-title-action:hover:not([disabled]){border-color:#94a3b88c;box-shadow:0 4px 12px #02061733}.lab-detail-title-action:focus-visible{outline:none;border-color:#22d3eea6;box-shadow:0 0 0 2px #22d3ee24}.lab-detail-title-save{background:linear-gradient(135deg,#22c55e2e,#22c55e1a);border-color:#22c55e6b;color:#d2ffe7}.lab-detail-title-save:hover:not([disabled]){border-color:#22c55ead;box-shadow:0 4px 14px #22c55e2e}.lab-detail-title-cancel{background:linear-gradient(135deg,#ef44441f,#ef44440f);border-color:#ef444452;color:#ffd9d9}.lab-detail-title-cancel:hover:not([disabled]){border-color:#ef444494;box-shadow:0 4px 14px #ef444424}.lab-detail-title-error{display:block;margin-top:6px;color:#fca5a5;font-size:.78rem;line-height:1.35}.lab-completion-footer{display:flex;justify-content:center;align-items:center;padding-top:4px}@media(max-width:680px){.lab-summary-grid{grid-template-columns:1fr}.lab-summary-row.is-equation{grid-column:auto}}@media(min-width:768px)and (max-width:900px){.lab-toolbar-top,.lab-toolbar-main,.lab-item-card-header,.lab-card-meta-row,.lab-detail-actions,.lab-simulation-meta,.lab-canvas-overlay,.lab-games-stat,.lab-nav-row-split{flex-direction:column;align-items:stretch}.lab-toolbar-meta{text-align:left}.lab-stage-grid,.lab-stage-layout,.lab-result-grid{grid-template-columns:1fr}}body:has(#achievements.active) .detail-panel.docked,body:has(#progress.active) .detail-panel.docked{display:none}#achievements.active,#progress.active{padding-left:clamp(12px,4vw,56px);padding-right:clamp(12px,4vw,56px)}.achievements-grid,.progress-path,.progress-stage-list{display:grid;gap:18px}.achievement-category-block,.progress-dashboard,.progress-learning-path,.progress-stage-card,.progress-stage-detail,.progress-metric-panel{background:linear-gradient(180deg,#0f172ae0,#020617f5);border:1px solid rgba(148,163,184,.14);border-radius:5px;box-shadow:0 20px 52px #02061747}.achievement-category-block,.progress-dashboard,.progress-learning-path,.progress-stage-detail{padding:22px}.achievement-category-header,.progress-dashboard-header,.progress-learning-header,.progress-panel-heading,.progress-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:10px}.progress-dashboard-copy,.progress-stage-detail-copy,.achievement-card p,.progress-stage-card p,.activity-item p,.game-stat-item span,.achievement-meta-list dt,.achievement-meta-list dd,.progress-stage-meta-row,.progress-stage-rewards,.progress-panel-heading span,.activity-item span,.activity-empty{color:var(--text-secondary);font-size:.8rem}.progress-stat-grid,.progress-metrics-grid,.achievement-category-grid,.progress-stage-detail-grid{display:grid;gap:14px}.progress-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.progress-metrics-grid,.progress-stage-detail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.achievement-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.progress-textbook-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.progress-textbook-tab{display:grid;grid-template-rows:auto auto;gap:8px;min-height:78px;padding:14px 16px;border-radius:5px;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);color:var(--text-secondary);text-align:left;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.progress-textbook-tab:hover,.progress-textbook-tab:focus-visible{transform:translateY(-2px);border-color:#00f0ff59;color:var(--text-primary);box-shadow:0 0 0 1px #00f0ff1a,0 16px 36px #02061742;outline:none}.progress-textbook-tab.is-active{border-color:#00f0ff8a;background:linear-gradient(180deg,#0f172af0,#082f497a);box-shadow:inset 0 0 0 1px #00f0ff1f,0 18px 46px #0206174d}.progress-textbook-tab span{color:#f8fbff;font-family:var(--font-display);font-size:.95rem;line-height:1.35}.progress-textbook-tab strong{color:var(--neon-cyan);font-family:var(--font-display);font-size:1.08rem}.progress-manual-segment-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.achievement-stat-card,.progress-stat-card,.progress-metric-panel,.progress-detail-card,.game-stat-item{padding:16px;border-radius:5px;background:#0f172abd;border:1px solid rgba(148,163,184,.14)}.achievement-stat-card strong,.progress-stat-card strong,.achievement-category-header strong,.progress-ring strong,.progress-stage-top strong,.progress-panel-heading h4,.game-stat-item b,.metric-bar-topline strong{font-family:var(--font-display)}.achievement-stat-card strong,.progress-stat-card strong{display:block;margin-top:8px;font-size:1.6rem;color:#f8fbff}.achievement-overview-bar{margin-top:4px}.achievement-category-block,.progress-dashboard,.progress-learning-path{display:grid;gap:18px;position:relative;overflow:visible}.achievements-cat{position:absolute;left:140px;top:-44px;width:clamp(56px,5vw,96px);z-index:2}.achievement-card{display:grid;grid-template-rows:auto auto 1fr;gap:14px;padding:18px;border-radius:5px;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),opacity var(--transition-normal);height:100%}.progress-learning-card{display:flex;flex-direction:column;gap:8px;min-height:104px;padding:14px;border-radius:5px;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),opacity var(--transition-normal)}.progress-learning-card:hover,.progress-learning-card:focus-visible{transform:translateY(-3px);border-color:#00f0ff61;box-shadow:0 0 0 1px #00f0ff1f,0 18px 48px #0206174d;outline:none}.progress-learning-card.is-complete{border-color:#10b9816b;box-shadow:0 0 0 1px #10b98124,0 18px 48px #0206174d}.progress-learning-card.is-focused{border-color:#00f0ff85}.progress-learning-card-copy{display:grid;align-content:start;gap:6px;min-width:0}.progress-learning-card-copy h5{margin:0;color:#f8fbff;font-family:var(--font-display);font-size:1rem;line-height:1.25}.progress-learning-card-copy p{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}.progress-learning-card-meta span{display:block;color:var(--text-secondary);font-size:.78rem;background:transparent;border:none;white-space:nowrap}.progress-learning-card.is-complete .progress-learning-card-meta span{color:var(--text-secondary);background:transparent;border:none}.achievement-card-body{align-self:start}.achievement-meta-list{align-self:end}.achievement-card:hover,.progress-stage-button:hover{transform:translateY(-3px)}.achievement-card-top,.metric-bar-topline,.progress-stage-meta-row,.progress-stage-rewards{display:flex;align-items:center;justify-content:space-between;gap:10px}.achievement-card.is-locked{opacity:.55;filter:grayscale(.2)}.achievement-card.is-unlocked{border-color:#94a3b857;box-shadow:0 0 0 1px #94a3b82e,0 18px 48px #0206174d}.achievement-card[data-rarity=rare].is-unlocked{box-shadow:0 0 0 1px #facc1533,0 18px 52px #0206174d}.achievement-card[data-rarity=legendary].is-unlocked{border-color:#c084fc59;box-shadow:0 0 0 1px #c084fc2e,0 18px 52px #0206174d}.achievement-icon{font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center}.achievement-icon svg{width:1.8rem;height:1.8rem}.achievement-rarity{padding:4px 10px;border-radius:5px;font-size:.82rem;background:#94a3b81f}.achievement-card-body h4,.progress-learning-header h3,.progress-dashboard-header h3,.achievement-overview-copy h3,.achievement-category-header h3,.progress-panel-heading h4,.progress-stage-top h3,.progress-stage-detail h4{color:#f8fbff}.achievement-meta-list{display:grid;gap:8px}.achievement-meta-list div{display:flex;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid rgba(148,163,184,.08)}.achievement-meta-list dt{font-size:.85rem}.achievement-meta-list dd{text-align:right}.achievement-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;margin-top:4px;border:1px solid rgba(148,163,184,.24);border-radius:5px;background:#0f172abd;color:#e2f3ff;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.achievement-action-btn:hover{background:#94a3b824;border-color:#94a3b866;transform:translateY(-1px)}.achievement-action-btn:focus-visible{outline:2px solid rgba(148,163,184,.5);outline-offset:2px}.achievement-action-btn:active{transform:translateY(0)}.achievement-card.is-unlocked .achievement-action-btn{opacity:.7}.achievement-card.is-locked .achievement-action-btn{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fd}.achievement-card.is-locked .achievement-action-btn:hover{background:#3b82f633;border-color:#3b82f673}.achievement-action-hint{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;margin-top:4px;border:0;background:transparent;color:#e2f3ff;font-size:.8rem;font-family:inherit;cursor:default}.progress-dashboard{gap:20px}.progress-ring{width:128px;height:128px;border-radius:5px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(15,23,42,.92) 44%,transparent 45%),conic-gradient(rgba(148,163,184,.8) 0 var(--progress),rgba(148,163,184,.16) var(--progress) 100%);color:#e2f3ff;text-align:center}.progress-ring strong{display:block;font-size:1.25rem}.progress-ring span{color:var(--text-secondary)}.stage-celebration-banner{padding:14px 16px;border-radius:5px;background:linear-gradient(90deg,#94a3b829,#94a3b814);border:1px solid rgba(148,163,184,.32);color:#f8fbff;display:flex;align-items:center;gap:8px}.stage-celebration-banner svg{width:1.2rem;height:1.2rem;flex-shrink:0}.progress-metric-panel,.progress-detail-card{display:grid;gap:14px}.progress-activity-list,.game-stat-list,.progress-unlock-list,.stage-element-chip-list,.progress-manual-segment-list{display:grid;gap:10px}.progress-manual-learning-panel{margin-top:2px;position:relative}.learning-cat{position:absolute;left:170px;top:14px;width:clamp(120px,6.5vw,200px);z-index:1}.progress-manual-learning-title{font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.3}.progress-learning-card{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:5px;background:#0206176b;border:1px solid rgba(148,163,184,.14);transition:border-color var(--transition-normal),background var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.progress-learning-card:hover{border-color:#94a3b852;background:#0f172a9e;transform:translateY(-2px);box-shadow:0 8px 24px #02061738}.progress-learning-card:focus-visible{outline:2px solid rgba(148,163,184,.5);outline-offset:2px}.progress-learning-card.is-focused{border-color:#38bdf87a;background:#0e74901f;transform:translateY(-1px)}.progress-learning-card.is-complete{border-color:#22c55e57;background:#14532d1f}.progress-learning-card.is-complete:hover{border-color:#22c55e7a;background:#14532d2e}.progress-learning-card-copy{display:grid;gap:8px}.progress-learning-card-meta{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:auto;width:100%;text-align:left}.progress-learning-card-copy h5{color:#f8fbff;margin:0;font-family:var(--font-display);font-size:.95rem}.progress-learning-card-copy p{color:var(--text-secondary);font-size:.8rem;margin:0}.progress-learning-card-meta span{display:block;color:var(--text-secondary);font-size:.8rem;background:transparent;border:none;white-space:nowrap}.progress-learning-card.is-complete .progress-learning-card-meta span{background:transparent;color:var(--text-secondary)}.lesson-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:#020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lesson-modal-shell{display:grid;grid-template-rows:auto 1fr auto;width:min(85vw,960px);max-width:85vw;height:min(85vh,720px);max-height:85vh;border-radius:5px;background:linear-gradient(180deg,#0f172af5,#020617fa);border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 64px #0206176b;overflow:hidden}.lesson-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.14)}.lesson-modal-header h4{color:#f8fbff;font-family:var(--font-display);font-size:1.05rem;margin:0}.lesson-modal-header button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border-radius:5px;background:#0f172abd;color:#e2f3ff;font-size:1.1rem;line-height:1;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.lesson-modal-header button:hover{background:#94a3b824;border-color:#94a3b86b;transform:translateY(-1px)}.lesson-modal-header button:focus-visible{outline:2px solid rgba(148,163,184,.5);outline-offset:2px}.lesson-modal-body{overflow-y:auto;padding:18px 20px}.lesson-modal-section{margin-bottom:18px}.lesson-modal-section:last-child{margin-bottom:0}.lesson-modal-section h5{color:#f8fbff;font-family:var(--font-display);font-size:.92rem;margin:0 0 10px}.lesson-modal-section p{color:var(--text-secondary);font-size:.88rem;line-height:1.65;margin:0 0 10px}.lesson-modal-section p:last-child{margin-bottom:0}.lesson-modal-section ul{margin:0 0 10px;padding-left:18px;color:var(--text-secondary);font-size:.88rem;line-height:1.65}.lesson-modal-section ul:last-child{margin-bottom:0}.lesson-modal-section li{margin-bottom:6px}.lesson-modal-section li:last-child{margin-bottom:0}.lesson-modal-table-wrap{overflow-x:auto;margin:0 0 12px}.lesson-modal-table{width:100%;min-width:520px;border-collapse:collapse;color:var(--text-secondary);font-size:.84rem;line-height:1.55}.lesson-modal-table th,.lesson-modal-table td{padding:8px 10px;border:1px solid rgba(148,163,184,.18);text-align:left;vertical-align:top}.lesson-modal-table th{color:#f8fbff;background:#94a3b81f;font-weight:700}.lesson-modal-source-block,.lesson-modal-asset-block{padding:10px 12px;border-radius:5px;background:#0f172abd;border:1px solid rgba(148,163,184,.12);margin-bottom:10px}.lesson-modal-source-block:last-child,.lesson-modal-asset-block:last-child{margin-bottom:0}.lesson-modal-source-block strong,.lesson-modal-asset-block strong{color:#f8fbff;font-size:.88rem;display:block;margin-bottom:6px}.lesson-modal-source-block p,.lesson-modal-asset-block p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.lesson-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid rgba(148,163,184,.14)}.lesson-modal-footer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid rgba(59,130,246,.34);border-radius:5px;background:#3b82f624;color:#bfdbfe;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal),opacity var(--transition-normal)}.lesson-modal-footer button:hover:not(:disabled){background:#3b82f63d;border-color:#60a5fa8f;transform:translateY(-1px)}.lesson-modal-footer button:focus-visible{outline:2px solid rgba(96,165,250,.52);outline-offset:2px}.lesson-modal-footer button:disabled{cursor:default;opacity:.58}.lesson-modal-completed-label{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:5px;font-size:.8rem}@media(max-width:560px){.progress-learning-card{gap:10px}.progress-learning-card-meta{justify-content:flex-start}.lesson-modal-shell{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.lesson-modal-overlay{padding:0}.lesson-modal-header,.lesson-modal-body,.lesson-modal-footer{padding-left:14px;padding-right:14px}}@media(max-width:390px){.lesson-modal-header h4{font-size:.95rem}.lesson-modal-section h5{font-size:.88rem}.lesson-modal-section p,.lesson-modal-section ul{font-size:.85rem}}.activity-item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start}.activity-dot{width:12px;height:12px;border-radius:5px;background:linear-gradient(135deg,#94a3b8cc,#94a3b866);box-shadow:none;margin-top:6px}.activity-item strong,.game-stat-item strong,.progress-detail-card span{color:#94a3b8}.metric-bar-row{display:grid;gap:8px}.game-stat-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-stage-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.progress-stage-card{padding:0;overflow:hidden}.progress-stage-button{width:100%;display:grid;gap:14px;text-align:left;padding:20px}.progress-stage-card.is-locked{opacity:.6}.progress-stage-card.is-current{border-color:#94a3b85c;box-shadow:0 0 0 1px #94a3b824,0 8px 24px #02061733}.progress-stage-card.is-complete{border-color:#22c55e5c;box-shadow:0 0 0 1px #22c55e1f,0 8px 24px #02061733}.progress-stage-rewards{flex-wrap:wrap;font-size:.85rem}.progress-bar-track{width:100%;height:10px;border-radius:5px;background:#94a3b824;overflow:hidden}.progress-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#94a3b8cc,#94a3b866)}.stage-element-chip-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stage-element-chip{padding:10px 12px;border-radius:5px;background:#0f172acc;border:1px solid rgba(148,163,184,.12);color:var(--text-secondary);font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.stage-element-chip svg{width:14px;height:14px;flex-shrink:0}.stage-element-chip.is-learned{border-color:#22c55e52;color:#d8ffe7;box-shadow:inset 0 0 0 1px #22c55e1f}.progress-unlock-list{padding-left:18px}.progress-unlock-list li{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.progress-unlock-list li svg{width:14px;height:14px;flex-shrink:0}.achievement-popup{position:fixed;right:24px;bottom:24px;z-index:120;pointer-events:none;opacity:0;transform:translateY(20px) scale(.96);transition:opacity var(--transition-normal),transform var(--transition-normal)}.achievement-popup.show{opacity:1;transform:translateY(0) scale(1)}.achievement-popup .popup-content{min-width:280px;max-width:360px;padding:18px 20px;border-radius:5px;background:linear-gradient(135deg,#0f172af5,#0f172af5);border:1px solid rgba(148,163,184,.34);box-shadow:0 20px 60px #0206176b}.achievement-popup .popup-icon{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:5px;background:#ffffff14;font-size:1.4rem}.achievement-popup .popup-icon svg{width:1.4rem;height:1.4rem}.achievement-popup .popup-title{color:#fff;margin-bottom:6px}.achievement-popup .popup-desc{color:#cbd5e1}@keyframes stagePulse{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.achievement-textbook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-textbook-card{display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:18px;border-radius:5px;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);height:100%;min-height:clamp(200px,calc((100vh - var(--shell-header-offset) - 260px) / 2),320px)}.achievement-textbook-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.achievement-textbook-icon{font-size:1.8rem;display:inline-flex;align-items:center;justify-content:center;color:var(--neon-cyan)}.achievement-textbook-icon svg{width:1.8rem;height:1.8rem}.achievement-textbook-card-footer{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:auto;padding-top:4px}.achievement-textbook-count{font-size:1.4rem;background:transparent;color:var(--text-secondary);padding:0;border-radius:0}.achievement-textbook-count-completed{color:#f8fbff}.achievement-textbook-count-total{color:var(--text-secondary)}.achievement-textbook-card-body{align-self:start;display:grid;gap:8px}.achievement-textbook-card-body h4{margin:0;color:#f8fbff;font-family:var(--font-display);font-size:1.05rem;line-height:1.3}.achievement-textbook-card-body p{margin:0;color:var(--text-secondary);font-size:.8rem;line-height:1.5}@media(max-width:1400px){.achievement-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.achievement-textbook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.achievement-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement-textbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.achievement-category-grid,.achievement-textbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.achievement-category-grid,.achievement-textbook-grid,.progress-manual-segment-row{grid-template-columns:1fr}.progress-manual-segment-action{justify-items:stretch}}@media(min-width:768px)and (max-width:900px){.achievement-overview-copy,.achievement-category-header,.progress-dashboard-header,.progress-learning-header,.progress-panel-heading,.progress-stage-top,.achievement-meta-list div,.progress-stage-meta-row,.progress-stage-rewards,.game-stat-item{flex-direction:column;align-items:flex-start}}@media(min-width:1600px){.periodic-grid{gap:6px}.element-cell .symbol{font-size:1.3rem}.element-cell .chinese-name{font-size:.7rem}.detail-panel.docked{width:420px}}@media(min-width:1366px)and (max-width:1599px){.detail-panel.docked{width:380px}}@media(min-width:768px)and (max-width:1365px){.detail-panel.docked{width:340px}.bottom-modules{grid-template-columns:repeat(2,1fr)}.timeline-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-control-field-jump{grid-column:auto}.timeline-jump-box{grid-template-columns:minmax(0,1fr) var(--timeline-action-width)}.timeline-reset-btn{grid-column:span 3;justify-self:start}}@media(min-width:768px)and (max-width:1199px){.main-header{padding:0 16px}.logo-text{display:none}.nav-btn{padding:6px 10px;font-size:.8rem}.nav-btn span:last-child{display:none}.detail-panel.docked{position:fixed;top:var(--shell-header-offset);right:0;width:100%;max-width:420px;height:calc(100vh - var(--shell-header-offset));transform:translate(100%);z-index:90}.detail-panel.docked.open{transform:translate(0)}.bottom-modules{grid-template-columns:repeat(2,1fr);padding:12px;gap:12px}.page-section{padding:12px}.compare-slots--3,.compare-slots--2{grid-template-columns:repeat(2,1fr)}.timeline-hero{grid-template-columns:1fr}.timeline-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-control-field-jump{grid-column:auto}.timeline-jump-box{grid-template-columns:minmax(0,1fr) var(--timeline-action-width)}.timeline-reset-btn{grid-column:auto;justify-self:start}.timeline-list:before{left:18px;transform:none}.timeline-entry,.timeline-entry-left,.timeline-entry-right{width:100%;justify-self:stretch;padding-left:40px}.timeline-entry-dot,.timeline-entry-right .timeline-entry-dot{left:9px;right:auto}#games{padding:14px;gap:16px}#games [data-testid=games-primary-grid],#games [data-testid=games-support-area],#games .games-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.progress-manual-segment-list{grid-template-columns:repeat(3,minmax(0,1fr))}.story-hero{grid-template-columns:1fr}.story-orbital-badge{min-height:128px}.quiz-result-hero,.lab-stage-layout{grid-template-columns:1fr}.lab-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:767px){.periodic-table-cat,.timeline-cat,.games-cat{display:none}#games{padding:12px;gap:14px;width:100%;max-width:100vw}#games .games-hero{padding:18px;min-height:156px}#games .games-hero:after{right:18px;bottom:14px;width:46vw}#games [data-testid=games-primary-grid],#games [data-testid=games-support-area],#games .games-overview-stats,#games [data-testid=games-primary-grid] .game-card-stats,#games [data-testid=games-support-area] .quiz-game-stats{grid-template-columns:1fr}#games [data-testid=games-primary-grid]>.game-card{min-height:clamp(220px,calc((100vh - var(--shell-header-offset) - 180px) / 2),360px);padding:16px}#games [data-testid=games-primary-grid] .game-card-stats span{display:flex;align-items:center;justify-content:space-between;gap:10px}#games [data-testid=games-primary-grid] .game-card-stats strong{display:inline;margin-top:0}#games [data-testid=games-support-area]>.game-card--quiz,#games .game-area-idle{padding:16px}#games .hud-shell-header,#games .games-overview-header{flex-direction:column;align-items:stretch}#games .hud-action-btn{width:100%}.story-shell{padding:16px}.story-hero,.story-media-grid,.story-meta-grid{grid-template-columns:1fr}.story-hero{gap:16px}.story-orbital-badge{min-height:120px}.story-symbol{font-size:3.2rem}.story-media-topline,.story-transcript-header,.story-nav-row{align-items:flex-start}.story-media-topline,.story-transcript-header{flex-direction:column}.story-media-badge{max-width:100%}.story-nav-row{flex-wrap:wrap}.story-nav-row .hud-action-btn{flex:1 1 132px}.progress-manual-segment-list{grid-template-columns:1fr}}@media(hover:none)and (pointer:coarse){.element-cell:hover{transform:none;box-shadow:none;border-color:var(--border-subtle)}.element-cell:active{transform:scale(.95);border-color:var(--neon-cyan);box-shadow:0 0 12px #00f0ff4d}.element-list-row:hover{transform:none;box-shadow:none}.element-list-row:active{transform:scale(.98);border-color:var(--neon-cyan)}.nav-btn:hover{color:var(--text-secondary);background:none}.nav-btn.active:hover{color:var(--neon-cyan);background:#00f0ff1f}.bottom-module-interactive:hover{transform:none;border-color:var(--border-subtle);box-shadow:none}.bottom-module-interactive:active{transform:scale(.98);border-color:#00f0ff80}.compare-card:hover{transform:none}.category-progress-row:hover{background:#0f172a70;transform:none}.control-btn:hover{color:var(--text-secondary)}.settings-btn:hover,.panel-actions button:hover{border-color:var(--border-subtle);color:var(--text-secondary);box-shadow:none}.panel-buttons button:hover{border-color:var(--border-subtle);background:var(--bg-secondary);box-shadow:none}.compare-btn:hover{border-color:var(--border-subtle);color:var(--text-secondary);background:var(--bg-secondary);box-shadow:none}.compare-card-remove:hover{color:var(--text-secondary);background:#94a3b814;border-color:#94a3b824;box-shadow:none}.quiz-option-btn:hover:not([disabled]){border-color:#94a3b824;background:#0f172ac7;transform:none;box-shadow:none}.hud-action-btn:hover:not([disabled]){border-color:#00f0ff47;box-shadow:none}.quiz-play-btn:hover{transform:none;box-shadow:none}.timeline-mini-btn:hover,.timeline-reset-btn:hover,.timeline-milestone-btn:hover{transform:none;border-color:#00f0ff2e;color:var(--text-primary);box-shadow:none}.modal-close:hover{color:var(--text-secondary)}}@supports (padding: max(0px)){.main-header{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.bottom-modules{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.detail-panel,.detail-panel.docked,.page-section,.modal,.modal-content,.achievement-popup{transition:none}}@media print{.main-header,.detail-panel,.bottom-modules,#bg-canvas{display:none!important}.main-content{position:static;top:0}.page-section{position:static;opacity:1;transform:none;pointer-events:auto;overflow:visible}.page-section:not(.active){display:none}body{background:#fff;color:#000}.periodic-grid{gap:2px}.element-cell{border:1px solid #ccc;break-inside:avoid}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size3-Regular-gV2CO0n9.woff2) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.45"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.chem-notation{display:inline-block;max-width:100%;min-width:0;vertical-align:baseline;overflow-wrap:anywhere}.chem-notation .katex{max-width:100%;font-size:1em;line-height:1.25;white-space:nowrap}.chem-notation .katex-html{max-width:100%;overflow-wrap:normal}.lab-equation-card .chem-notation,.lab-stage-card .chem-notation,.lab-simulation-meta .chem-notation{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.lab-equation-card .chem-notation .katex,.lab-stage-card .chem-notation .katex,.lab-simulation-meta .chem-notation .katex{max-width:none;white-space:nowrap}.lab-equation-card .chem-notation .katex-html,.lab-stage-card .chem-notation .katex-html,.lab-simulation-meta .chem-notation .katex-html{max-width:none;overflow-wrap:normal;white-space:nowrap}.chem-notation--display{display:block;overflow-x:auto;overflow-y:hidden}@media(max-width:767px){.chem-notation .katex{font-size:.95em}}