:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06080e;--panel:#0c111c;--panel-2:#111827;--panel-3:#172036;--line:#1d2740;--line-2:#2a3758;--text:#e8edf6;--text-2:#b7c1d6;--muted:#7d89a3;--accent:#7cc4ff;--accent-2:#b39dff;--warn:#f2c46d;--danger:#ff7a7a;--radius:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--c-alcalino:#ff7b72;--c-alcalinoterreo:#ffa657;--c-transicion:#e3b341;--c-lantanido:#f778ba;--c-actinido:#d2a8ff;--c-postransicion:#7ee787;--c-metaloide:#56d4bc;--c-no-metal:#79c0ff;--c-halogeno:#a5d6ff;--c-gas-noble:#a371f7}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted);font-weight:400}.unknown{color:var(--muted);font-style:italic}.app{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);background:linear-gradient(#0a0e18,#070a12);justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:650}.brand-sub{color:var(--muted);margin-left:4px;font-weight:400}.brand-mark{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line-2);background:radial-gradient(40% 45% at 50% 28%,#9fd8ff,#0000 70%),radial-gradient(40% 45% at 50% 72%,#ffc59e,#0000 70%),#0b0f17;border-radius:6px}.layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:0;display:grid}.viewer{background:radial-gradient(ellipse at 50% 45%, #0b1222 0%, var(--bg) 70%);min-height:0;position:relative;overflow:hidden}.side{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:14px;min-height:0;padding:14px 16px 24px;display:flex;overflow-y:auto}.ptable{grid-template-rows:repeat(7,auto) 10px repeat(2,auto);grid-template-columns:repeat(18,minmax(0,1fr));gap:2px;display:grid}.el,.el-placeholder{--c:var(--muted);aspect-ratio:1;border:1px solid color-mix(in oklab, var(--c) 45%, transparent);background:color-mix(in oklab, var(--c) 20%, var(--panel-2));border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:0;line-height:1;display:flex;position:relative}.el{cursor:pointer;transition:transform .12s,background-color .2s,opacity .2s}.el:hover{background:color-mix(in oklab, var(--c) 40%, var(--panel-2));z-index:2;transform:scale(1.12)}.el.is-selected{background:var(--c);color:#0b0f17;box-shadow:0 0 0 2px #fff, 0 0 16px color-mix(in oklab, var(--c) 70%, transparent);z-index:3;border-color:#fff}.el-z{opacity:.75;font-size:clamp(6px,.5vw,9px);position:absolute;top:2px;left:3px}.el-sym{margin-top:4px;font-size:clamp(9px,.85vw,15px);font-weight:650}.el-placeholder{color:var(--text-2);border-style:dashed;font-size:clamp(6px,.5vw,9px)}.cat-alcalino{--c:var(--c-alcalino)}.cat-alcalinoterreo{--c:var(--c-alcalinoterreo)}.cat-transicion{--c:var(--c-transicion)}.cat-lantanido{--c:var(--c-lantanido)}.cat-actinido{--c:var(--c-actinido)}.cat-postransicion{--c:var(--c-postransicion)}.cat-metaloide{--c:var(--c-metaloide)}.cat-no-metal{--c:var(--c-no-metal)}.cat-halogeno{--c:var(--c-halogeno)}.cat-gas-noble{--c:var(--c-gas-noble)}.ptable.heatmap .el{background:var(--heat-bg,var(--panel-2));color:var(--heat-fg,var(--text));border-color:#0000}.ptable.heatmap .el.heat-unknown{color:var(--muted);background:repeating-linear-gradient(135deg,#151b29 0 4px,#0e131e 4px 8px)}.ptable.heatmap .el.is-selected{box-shadow:0 0 0 2px #fff}.ptable.heatmap .el-placeholder{opacity:.3}.ptable.filtering .el:not(.is-match):not(.is-selected){opacity:.18}.ptable.filtering .el.is-match{box-shadow:0 0 0 1.5px var(--accent)}.legend{color:var(--text-2);flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11.5px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.swatch{background:var(--c);border-radius:3px;width:10px;height:10px;display:inline-block}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.card-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:12px;display:flex}.card-symbol{color:#0b0f17;background:var(--c);border-radius:12px;place-items:center;min-width:64px;height:64px;padding:0 8px;font-size:28px;font-weight:700;display:grid}.card-name{font-size:20px;font-weight:650}.card-sub{color:var(--text-2);font-size:12.5px}.card-note{color:var(--warn);margin:10px 0 0;font-size:12px}.props{gap:0;margin:10px 0 0;display:grid}.prop{border-bottom:1px solid color-mix(in oklab, var(--line) 70%, transparent);grid-template-columns:170px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.prop dt{color:var(--muted);font-size:12.5px}.prop dd{margin:0}.prop-extra{color:var(--muted);margin-top:2px;font-size:12px}.cfg{font-family:var(--mono);margin-right:4px;font-size:13.5px}.tag{border:1px solid var(--line-2);color:var(--text-2);vertical-align:middle;white-space:nowrap;border-radius:999px;margin:2px 2px 2px 0;padding:3px 6px;font-size:10.5px;line-height:1;display:inline-block}.tag.warn{color:var(--warn);border-color:color-mix(in oklab, var(--warn) 45%, transparent)}.tag.accent{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 45%, transparent)}.section-title{margin:14px 0 6px;font-weight:600}.isotopes .iso-head,.isotopes .iso{text-align:left;grid-template-columns:1fr .8fr 1fr 1.6fr;align-items:center;gap:8px;display:grid}.iso-head{color:var(--muted);padding:0 8px 4px;font-size:11px}.iso{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:5px 8px;font-size:12.5px}.iso:hover{background:var(--panel-3)}.iso.is-active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent)}.iso-name{font-weight:600}.iso-n,.iso-ab,.iso-hl{color:var(--text-2)}.sources{color:var(--muted);margin:12px 0 0;font-size:11px}@media (width<=900px){.app{height:auto}.layout{grid-template-columns:minmax(0,1fr)}.viewer{height:68vh;min-height:380px}.side{border-left:0;border-top:1px solid var(--line);padding:12px 16px 24px;overflow:visible}.el-sym{font-size:clamp(8px,2.6vw,15px)}.el-z{display:none}.prop{grid-template-columns:1fr;gap:2px}}.stage-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:5;pointer-events:none;position:absolute}.hud>*{pointer-events:auto}.panel{background:color-mix(in oklab, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius)}.hud-top-left{max-width:min(440px,60%);top:14px;left:16px}.hud-symbol{letter-spacing:.01em;font-size:34px;font-weight:700;line-height:1.05}.hud-sub{color:var(--text-2);margin-top:2px}.hud-badge{margin-top:8px}.badge{border:1px solid var(--line-2);background:color-mix(in oklab, var(--panel) 85%, transparent);border-radius:8px;padding:5px 9px;font-size:11.5px;line-height:1.3;display:inline-block}.badge-exact{color:#9ef0c0;border-color:oklab(88.9509% -.0967467 .0395827/.4)}.badge-approx{color:var(--warn);border-color:color-mix(in oklab, var(--warn) 40%, transparent);cursor:help}.badge-bohr{color:#ffb3a1;border-color:oklab(83.4257% .0772506 .0517673/.45)}.hud-top-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex;top:14px;right:16px}.seg{background:color-mix(in oklab, var(--panel) 85%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.seg-label{color:var(--muted);padding:0 6px 0 5px;font-size:11px}.seg button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 9px;font-size:12px}.seg button:hover{color:var(--text);background:var(--panel-3)}.seg button[aria-pressed=true]{background:var(--accent);color:#08101c;font-weight:600}.hud-left{width:226px;max-height:calc(100% - 190px);padding:10px 10px 8px;font-size:12.5px;bottom:16px;left:16px;overflow-y:auto}.lg-title{margin:0 0 6px 2px;font-weight:600}.lg-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.lg-sub,.lg-orb{cursor:pointer;border-radius:6px;align-items:center;gap:7px;min-width:0;padding:3px 4px;display:flex}.lg-sub:hover,.lg-orb:hover{background:var(--panel-3)}.lg-sub input,.lg-orb input{accent-color:var(--accent);margin:0}.lg-swatch{background:var(--sw);width:12px;height:12px;box-shadow:0 0 8px var(--sw);border-radius:50%;flex:none}.lg-name{font-family:var(--mono);font-weight:600}.lg-z{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.lg-more{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;width:22px;height:22px}.lg-more:hover{background:var(--panel-3);color:var(--text)}.lg-children{grid-column:1/-1;padding-left:22px}.lg-orb{font-family:var(--mono);font-size:12px}.lg-e{color:var(--muted);margin-left:auto}.lg-note{color:var(--muted);margin:8px 2px 2px;font-size:11px;line-height:1.4}.hud-scale{margin-top:8px;padding:9px 11px;font-size:12px;line-height:1.5}.hud-right{width:262px;max-height:calc(100% - 320px);top:170px;right:16px;overflow-y:auto}.hud-bottom{bottom:16px;left:258px;right:16px}.hud-fps{font:11px var(--mono);color:var(--muted);top:10px;left:50%;transform:translate(-50%)}.label-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.photon-label,.bohr-label{white-space:nowrap;will-change:transform;font-size:12px;position:absolute;top:0;left:0}.photon-label{color:#0b0f17;background:var(--c);box-shadow:0 0 18px var(--c);border-radius:999px;margin:-26px 0 0 8px;padding:3px 8px;font-weight:600}.bohr-label{color:#8fb0e8;font-family:var(--mono);margin:-20px 0 0 -14px;font-size:11px}.actions{padding:10px 12px;font-size:12.5px}.act-section+.act-section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.act-title{margin-bottom:6px;font-weight:600}.act-sub{color:var(--muted);margin:6px 0 4px;font-size:11.5px}.act-state strong{font-family:var(--mono)}.act-note{color:var(--muted);margin:8px 0 0;font-size:11.5px;line-height:1.45}.act-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.btn{border:1px solid var(--line-2);background:var(--panel-3);color:var(--text);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12.5px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:0 0}.chk{color:var(--text-2);cursor:pointer;align-items:center;gap:5px;display:inline-flex}.chk input{accent-color:var(--accent);margin:0}.ion-row{align-items:center;gap:8px;display:flex}.ion-label{text-align:center;min-width:52px;font-size:18px;font-weight:700}.lvl-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.lvl{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:left;border-radius:7px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 7px;display:flex}.lvl:hover:not(:disabled){border-color:var(--accent)}.lvl:disabled{opacity:.45;cursor:wait}.lvl-n{font-family:var(--mono);font-size:12px;font-weight:600}.lvl-l{color:var(--text-2);align-items:center;gap:4px;font-size:11px;display:inline-flex}.lvl-l:before{content:"";background:var(--lc);width:8px;height:8px;box-shadow:0 0 6px var(--lc);border-radius:50%}.lvl-l em{color:var(--warn);font-style:normal}.last-photon{background:var(--panel-2);border-radius:8px;align-items:flex-start;gap:8px;margin-top:8px;padding:7px 8px;display:flex}.last-photon i{background:var(--lc);width:10px;height:10px;box-shadow:0 0 10px var(--lc);border-radius:50%;flex:none;margin-top:4px}.spectrum{padding:0;overflow:hidden}.spec-head{cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.spectrum.is-closed .spec-body{display:none}.spec-body{padding:0 12px 10px}.spec-wrap{position:relative}.spec-canvas{border:1px solid var(--line);border-radius:6px;width:100%;height:46px;display:block}.spec-axis{height:16px;color:var(--muted);font-size:10px;position:relative}.spec-axis span{position:absolute;top:2px;transform:translate(-50%)}.spec-axis .spec-unit{left:auto;right:0;transform:none}.spec-tip{white-space:nowrap;border:1px solid var(--line-2);pointer-events:none;background:#000;border-radius:6px;padding:2px 7px;font-size:11px;position:absolute;top:-26px;transform:translate(-50%)}.spec-note{color:var(--muted);margin:4px 0 0;font-size:11.5px;line-height:1.45}.search{width:min(340px,50vw);position:relative}.search-box{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:6px 10px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.search-icon{color:var(--muted)}.search-box kbd{font:11px var(--mono);color:var(--muted);border:1px solid var(--line-2);border-radius:4px;padding:0 5px}.search-results{z-index:30;background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 30px #00000080}.search-results li{cursor:pointer;border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:5px 7px;display:grid}.search-results li.is-active,.search-results li:hover{background:var(--panel-3)}.sr-sym{text-align:center;background:color-mix(in oklab, var(--c) 30%, var(--panel-2));border-radius:5px;padding:2px 0;font-weight:700}.table-tools{margin-bottom:8px}.table-tools .seg{flex-wrap:wrap}.heat-legend{margin-top:10px}.grad-bar{border-radius:5px;height:10px}.grad-scale{color:var(--text-2);justify-content:space-between;margin-top:3px;font-size:11.5px;display:flex}.grad-note{color:var(--muted);margin:4px 0 0;font-size:11px}@media (width<=900px){.viewer{flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.stage-canvas,.label-layer{flex:none;min-height:360px;position:relative;inset:auto;height:64vh!important}.label-layer{position:absolute;top:0;left:0;right:0}.hud-left,.hud-right,.hud-bottom{width:auto;max-height:none;margin:10px 16px 0;position:static;transform:none}.hud-bottom{margin-bottom:4px}.hud-top-left{max-width:58%}.hud-symbol{font-size:26px}.hud-scale{padding:7px 9px;font-size:11px}.seg-label{display:none}.search{width:min(260px,52vw)}.brand-sub,.search-box kbd{display:none}}.top-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:#08101c;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.layout{will-change:transform}.nuc-row{grid-template-columns:12px 1fr auto 34px auto;align-items:center;gap:6px;margin:4px 0;display:grid}.nuc-row .btn{padding:2px 10px;font-size:15px;line-height:1.2}.nuc-n{text-align:center;font-size:15px}.nuc-dot,.pdot{border-radius:50%;width:10px;height:10px;display:inline-block}.nuc-dot.p,.pdot.p{background:#ff6b5e}.nuc-dot.n,.pdot.n{background:#9aa7bd}.pdot.e{background:#6cb6ff;box-shadow:0 0 8px #6cb6ff}.nuc-status{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:7px 9px;font-size:12px;line-height:1.4}.nuc-status.ok{color:#a8f0b0;border-color:oklab(84.1602% -.135668 .092367/.45)}.nuc-status.warn{border-color:color-mix(in oklab, var(--warn) 50%, transparent);color:var(--warn)}.nuc-status.bad{border-color:color-mix(in oklab, var(--danger) 55%, transparent);color:#ffb0a8}.nuc-status .muted{margin-top:2px}.particles{gap:4px;display:grid}.particles div{align-items:center;gap:8px;display:flex}.particles strong{margin-left:auto;font-size:14px}.shells{flex-wrap:wrap;gap:6px;display:flex}.shells span{background:var(--panel-3);font-family:var(--mono);border-radius:999px;padding:2px 8px;font-size:12px}.simple-lead{margin:12px 0 4px;font-size:14px;line-height:1.5}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12.5px}.chip.is-active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 15%, transparent)}.game{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));padding:12px 14px}.game-head{align-items:center;gap:10px;font-size:12.5px;display:flex}.game-head .btn{margin-left:auto}.game-score{color:var(--warn);font-weight:600}.game-q{margin:10px 0;font-size:16px;line-height:1.45}.game-q em{color:var(--muted);font-size:13.5px;font-style:normal}.game-hint{color:var(--accent);margin:0;font-size:13px}.game-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.game-opt{text-align:left;border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.game-opt:hover:not(:disabled){border-color:var(--accent)}.game-opt:disabled{cursor:default;opacity:.6}.game-opt.is-ok{opacity:1;background:color-mix(in oklab, #7ee787 18%, var(--panel-2));border-color:#7ee787}.game-opt.is-bad{opacity:1;border-color:var(--danger);background:color-mix(in oklab, var(--danger) 18%, var(--panel-2))}.game-feedback{background:var(--panel-2);border-radius:8px;margin-top:10px;padding:9px 11px;font-size:13px;line-height:1.5}.game-feedback.ok{border-left:3px solid #7ee787}.game-feedback.bad{border-left:3px solid var(--danger)}.game-final{align-items:center;gap:14px;margin:12px 0;display:flex}.game-big{color:var(--accent);font-size:40px;font-weight:700}.el.flash-ok{z-index:4;animation:2.4s ease-out flash-ok}.el.flash-bad{z-index:4;animation:2.4s ease-out flash-bad}@keyframes flash-ok{0%,60%{background:#2e6b3a;box-shadow:0 0 0 3px #7ee787,0 0 18px #7ee787}}@keyframes flash-bad{0%,60%{box-shadow:0 0 0 3px var(--danger), 0 0 18px var(--danger);background:#6b2e2e}}@media (width<=900px){.topbar{flex-wrap:wrap;gap:8px 12px}.top-tools{order:3;width:100%;margin-left:0}.search{flex:1;width:auto}}.shells span{border:1px solid var(--sc,var(--line-2));box-shadow:inset 0 0 0 100px color-mix(in oklab, var(--sc,transparent) 14%, transparent)}.shells b{color:var(--sc,inherit)}.hud-left.is-simple{width:200px}.nuc-dot.e{background:#6cb6ff;box-shadow:0 0 6px #6cb6ff}.big-three{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;display:grid}.big-three div{background:var(--panel-3);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.big-three strong{font-size:26px;line-height:1.1}.big-three span{color:var(--text-2);font-size:12.5px}.simple-facts{flex-wrap:wrap;gap:6px;display:flex}.simple-facts span{background:var(--panel-3);border-radius:999px;padding:4px 10px;font-size:13px}