:root{--ink:#171717;--paper:#f4efe5;--white:#fffdf8;--shadow:5px 5px 0 var(--ink);--alkali-metal:#ff6b6b;--alkaline-earth:#ffad42;--transition-metal:#ffd84d;--post-transition-metal:#a9db7a;--metalloid:#62d7b2;--reactive-nonmetal:#71cef5;--halogen:#aa9cff;--noble-gas:#f4a8df;--lanthanide:#ff9f7f;--actinide:#cba4f4;color:var(--ink);font-synthesis:none;background-color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:linear-gradient(#17171709 1px, transparent 1px), linear-gradient(90deg, #17171709 1px, transparent 1px), var(--paper);scroll-behavior:smooth;background-size:24px 24px}body{min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(100% - 32px,1480px);margin:0 auto;padding:28px 0 24px}.micro-label{letter-spacing:.14em;margin:0 0 7px;font-family:Courier New,ui-monospace,monospace;font-size:.75rem;font-weight:900}.controls{justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.control-actions{align-items:stretch;gap:14px;display:flex}.language-switcher{border:3px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);display:flex}.language-button{border:0;border-right:2px solid var(--ink);cursor:pointer;background:0 0;min-width:47px;padding:0 10px;font-family:Courier New,ui-monospace,monospace;font-size:.78rem;font-weight:900}.language-button:last-child{border-right:0}.language-button:hover,.language-button:focus-visible{outline:3px solid var(--reactive-nonmetal);outline-offset:-5px}.language-button[aria-pressed=true]{background:var(--halogen);box-shadow:inset 0 -5px #17171729}.search-box{border:3px solid var(--ink);background:var(--white);width:min(100%,600px);min-height:52px;box-shadow:4px 4px 0 var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.search-icon{padding:0 13px 2px;font-size:1.7rem;font-weight:900}.search-box input{background:0 0;border:0;outline:0;width:100%;height:100%;font-size:1rem;font-weight:700}.search-box:focus-within{outline:3px solid var(--reactive-nonmetal);outline-offset:2px}#search-count{border:2px solid var(--ink);background:var(--reactive-nonmetal);text-align:center;min-width:48px;margin:0 8px;padding:5px 7px;font-family:Courier New,monospace;font-size:.8rem;font-weight:900}.brutal-button,.legend-clear{border:3px solid var(--ink);background:var(--transition-metal);min-height:52px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;padding:0 21px;font-weight:900}.brutal-button:hover,.brutal-button:focus-visible,.legend-clear:hover,.legend-clear:focus-visible{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.element-inspector{border:3px solid var(--ink);background:var(--white);min-height:136px;box-shadow:var(--shadow);grid-template-columns:110px minmax(240px,1.4fr) minmax(310px,1fr);margin:0 5px 26px 0;display:grid}.inspector-symbol{border-right:3px solid var(--ink);background:var(--category-color);place-items:center;display:grid;position:relative}.inspector-symbol>span{font-family:Courier New,monospace;font-size:.8rem;font-weight:900;position:absolute;top:9px;left:11px}.inspector-symbol strong{font-family:Arial Black,Impact,sans-serif;font-size:3.2rem;line-height:1}.inspector-copy{padding:19px 24px 16px}.inspector-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inspector-title-row h2{letter-spacing:-.04em;margin:0;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1}.category-chip{border:2px solid var(--ink);background:var(--category-color);text-transform:uppercase;box-shadow:2px 2px 0 var(--ink);flex:none;padding:5px 8px;font-family:Courier New,monospace;font-size:.68rem;font-weight:900}.element-fact{max-width:740px;margin:14px 0 0;font-size:.9rem;font-weight:650;line-height:1.45}.inspector-stats{border-left:3px solid var(--ink);grid-template-columns:repeat(2,1fr);margin:0;display:grid}.inspector-stats div{flex-direction:column;justify-content:center;padding:13px 16px;display:flex}.inspector-stats div:nth-child(odd){border-right:2px solid var(--ink)}.inspector-stats div:nth-child(-n+2){border-bottom:2px solid var(--ink)}.inspector-stats dt{letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-family:Courier New,monospace;font-size:.66rem;font-weight:900}.inspector-stats dd{margin:0;font-family:Arial Black,Impact,sans-serif;font-size:1.25rem}.table-scroll{scrollbar-color:var(--ink) var(--white);scrollbar-width:auto;padding:4px 5px 12px 4px;overflow-x:auto}.table-scroll:focus-visible{outline:3px solid var(--reactive-nonmetal);outline-offset:2px}.periodic-table{grid-template-rows:repeat(7,minmax(78px,auto)) 16px repeat(2,minmax(78px,auto));grid-template-columns:repeat(18,minmax(58px,1fr));gap:7px;width:100%;min-width:1160px;display:grid}.element-card{--category-color:var(--white);grid-column:var(--column);grid-row:var(--row);border:2px solid var(--ink);background:var(--category-color);min-width:0;min-height:78px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7px;transition:opacity .14s,transform .1s,box-shadow .1s,filter .14s;display:flex;position:relative;overflow:hidden}.element-card strong{letter-spacing:-.045em;align-self:center;margin:-2px 0;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.25rem,1.7vw,1.85rem);line-height:1}.atomic-number,.atomic-mass{font-family:Courier New,ui-monospace,monospace;font-size:.6rem;font-weight:900;line-height:1}.atomic-mass{font-size:.5rem;position:absolute;top:7px;right:6px}.element-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:clamp(.48rem,.63vw,.62rem);font-weight:850;line-height:1;display:block;overflow:hidden}.element-card:hover,.element-card:focus-visible,.element-card.is-selected{z-index:2;box-shadow:6px 6px 0 var(--ink);outline:0;transform:translate(-2px,-2px)rotate(-1deg)scale(1.08)}.element-card:focus-visible{outline:4px solid var(--white);outline-offset:-6px}.element-card.is-selected:after{content:"";border:2px dashed var(--ink);pointer-events:none;position:absolute;inset:2px}.element-card.is-muted{opacity:.16;filter:grayscale(.8)}.element-card.is-muted:hover,.element-card.is-muted:focus-visible{opacity:.8;filter:none}.series-marker{border:2px dashed var(--ink);background:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;display:flex}.series-marker strong{font-size:.65rem}.series-marker small{margin-top:4px;font-size:.55rem;font-weight:900}.lanthanide-marker{box-shadow:3px 3px 0 var(--lanthanide);grid-area:6/3}.actinide-marker{box-shadow:3px 3px 0 var(--actinide);grid-area:7/3}.series-label{border-left:7px solid var(--category-color);text-transform:uppercase;flex-direction:column;justify-content:center;padding-left:8px;font-family:Arial Black,Impact,sans-serif;font-size:.78rem;line-height:1.05;display:flex}.series-label span{margin-bottom:4px;font-family:Courier New,monospace;font-size:.62rem}.lanthanide-label{--category-color:var(--lanthanide);grid-area:9/1/auto/span 3}.actinide-label{--category-color:var(--actinide);grid-area:10/1/auto/span 3}.scroll-note{text-align:center;text-transform:uppercase;margin:7px 0 0;font-family:Courier New,monospace;font-size:.68rem;font-weight:900;display:none}.legend{border:3px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);flex-wrap:wrap;gap:8px 14px;margin-top:22px;padding:16px 18px;display:flex}.legend-item{cursor:pointer;background:0 0;border:2px solid #0000;align-items:center;gap:7px;padding:3px 5px 3px 3px;font-family:Courier New,monospace;font-size:.69rem;font-weight:900;display:inline-flex}.legend-item:hover,.legend-item:focus-visible,.legend-item[aria-pressed=true]{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);outline:0}.legend-swatch{border:2px solid var(--ink);background:var(--category-color);width:17px;height:17px}.legend-clear{background:var(--ink);min-height:30px;color:var(--white);box-shadow:3px 3px 0 var(--halogen);margin-left:auto;padding:3px 12px;font-family:Courier New,monospace;font-size:.7rem}footer{border-top:3px solid var(--ink);justify-content:space-between;gap:24px;margin-top:22px;padding-top:14px;font-family:Courier New,monospace;font-size:.66rem;font-weight:800;display:flex}footer p{margin:0}footer span{color:#ff4d4d}.category-alkali-metal{--category-color:var(--alkali-metal)}.category-alkaline-earth{--category-color:var(--alkaline-earth)}.category-transition-metal{--category-color:var(--transition-metal)}.category-post-transition-metal{--category-color:var(--post-transition-metal)}.category-metalloid{--category-color:var(--metalloid)}.category-reactive-nonmetal{--category-color:var(--reactive-nonmetal)}.category-halogen{--category-color:var(--halogen)}.category-noble-gas{--category-color:var(--noble-gas)}.category-lanthanide{--category-color:var(--lanthanide)}.category-actinide{--category-color:var(--actinide)}@media (width<=850px){.element-inspector{grid-template-columns:96px 1fr}.inspector-stats{border-top:3px solid var(--ink);border-left:0;grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.inspector-stats div:nth-child(n){border-right:2px solid var(--ink);border-bottom:0}.inspector-stats div:last-child{border-right:0}.scroll-note{display:block}}@media (width<=620px){.page-shell{width:min(100% - 20px,1480px);padding-top:18px}.controls{grid-template-columns:1fr;display:grid}.search-box{width:calc(100% - 4px)}.control-actions{flex-wrap:wrap}.language-switcher{min-height:52px}.brutal-button{width:fit-content}.element-inspector{grid-template-columns:80px 1fr}.inspector-symbol strong{font-size:2.4rem}.inspector-copy{padding:15px}.inspector-title-row{display:block}.category-chip{margin-top:9px;display:inline-block}.element-fact{font-size:.8rem}.inspector-stats{grid-template-columns:repeat(2,1fr)}.inspector-stats div:nth-child(n){border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.inspector-stats div:nth-child(2n){border-right:0}.inspector-stats div:nth-last-child(-n+2){border-bottom:0}.legend{padding:12px}.legend-item{width:calc(50% - 7px);font-size:.61rem}.legend-clear{margin-left:0}footer{display:block}footer p+p{margin-top:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}