.periodic-overlay[hidden]{display:none}.periodic-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,10,13,.9);backdrop-filter:blur(9px)}.periodic-console{width:min(1180px,96vw);max-height:94vh;overflow:auto;border:1px solid rgba(185,255,57,.55);background:linear-gradient(145deg,#08282ef5,#03161af7);box-shadow:0 0 80px #000,0 0 34px rgba(74,244,223,.14);padding:20px}.periodic-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.periodic-header h2{margin:0;font-size:30px;text-transform:uppercase}.table-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.table-lessons article{border:1px solid var(--line);background:#0c3035;padding:12px}.table-lessons strong{display:block;color:var(--lime);font:800 12px ui-monospace,monospace;margin-bottom:6px}.table-lessons span{font-size:13px;line-height:1.4;color:#c5e8e1}.periodic-workspace{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.group-axis{display:flex;justify-content:space-between;padding:0 5px 7px;color:#78aaa1;font:800 9px ui-monospace,monospace}.periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(31px,1fr));grid-template-rows:repeat(4,72px);gap:4px;padding:8px;border:1px solid var(--line);background:#031216}.element-tile{position:relative;min-width:0;border:1px solid rgba(255,255,255,.25);color:#eafff3;padding:5px 3px;background:#153c40;cursor:pointer;text-align:center;transition:.15s;overflow:hidden}.element-tile:hover,.element-tile:focus-visible,.element-tile.selected{z-index:2;transform:scale(1.1);border-color:var(--lime);box-shadow:0 0 18px rgba(185,255,57,.35);outline:none}.element-tile .number{display:block;text-align:left;font:700 8px ui-monospace,monospace;color:#b7d5cf}.element-tile .symbol{display:block;font:900 20px/1 Arial;color:#fff}.element-tile .name{display:block;margin-top:3px;font:700 7px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-tile.metal{background:#174d50}.element-tile.metalloid{background:#735f16}.element-tile.nonmetal{background:#24456c}.element-tile.noble{background:#553d77}.table-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.table-legend span{padding:5px 8px;border:1px solid #ffffff30;font:800 9px ui-monospace,monospace}.table-legend .metal{background:#174d50}.table-legend .metalloid{background:#735f16}.table-legend .nonmetal{background:#24456c}.table-legend .noble{background:#553d77}.element-detail{border:1px solid rgba(74,244,223,.4);background:#082228;padding:16px}.element-detail h3{font-size:25px;margin:0 0 10px}.element-detail .detail-symbol{display:inline-grid;place-items:center;width:70px;height:70px;border:2px solid var(--lime);font:900 34px Arial;color:var(--lime);float:right;margin:0 0 8px 10px}.element-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;clear:both;margin:14px 0}.element-facts span{border:1px solid var(--line);padding:7px;font:700 10px/1.3 ui-monospace,monospace}.element-detail p{font-size:13px;line-height:1.45}.family-callout{color:var(--cyan)}.scanner-tip{margin:14px 0 0;padding:11px;border-left:3px solid var(--amber);background:#261f10;color:#e7f4ef;font-size:13px}.scanner-tip strong{color:var(--amber)}@media(max-width:850px){.table-lessons{grid-template-columns:1fr}.periodic-workspace{grid-template-columns:1fr}.periodic-grid{grid-template-rows:repeat(4,60px);overflow-x:auto}.element-detail{min-height:180px}}@media(max-width:620px){.periodic-overlay{padding:5px}.periodic-console{padding:12px}.periodic-header h2{font-size:21px}.periodic-grid{grid-template-columns:repeat(18,38px);width:760px}.periodic-workspace>div{overflow-x:auto}.table-button{display:inline-flex!important;padding:7px 5px!important;font-size:7px!important;letter-spacing:.04em}}