.periodic-table-game[data-astro-cid-zscmupps]{max-width:1200px;margin:2rem auto;padding:1rem}.periodic-table-wrapper[data-astro-cid-zscmupps]{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:1rem;margin:0 -1rem}.game-header[data-astro-cid-zscmupps]{text-align:center;margin-bottom:2rem}.game-header[data-astro-cid-zscmupps] h2[data-astro-cid-zscmupps]{font-size:1.875rem;margin-bottom:1.25rem;color:#2d263b}.level-selector[data-astro-cid-zscmupps]{margin-bottom:1.5rem;text-align:center}.level-selector[data-astro-cid-zscmupps] label[data-astro-cid-zscmupps]{font-size:1.125rem;font-weight:600;margin-right:.5rem;color:var(--text-color)}.level-select[data-astro-cid-zscmupps]{padding:.5rem 1rem;font-size:1rem;border:1px solid #9ca3af;border-radius:8px;background:#fff;color:#2d263b;cursor:pointer;transition:all .2s ease;font-family:inherit}.level-select[data-astro-cid-zscmupps]:hover{background:#f9f9f9;border-color:#5a4a78}.reset-btn[data-astro-cid-zscmupps]{padding:.5rem 1rem;font-size:1rem;margin-left:1rem;border:1px solid #5a4a78;border-radius:8px;background:#5a4a78;color:#fff;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:inherit}.reset-btn[data-astro-cid-zscmupps]:hover{background:#736195;transform:translateY(-2px);box-shadow:0 4px 12px #5a4a784d}.level-select[data-astro-cid-zscmupps]:focus{outline:none;box-shadow:0 0 0 3px #5a4a7833}.game-info[data-astro-cid-zscmupps]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.question[data-astro-cid-zscmupps]{font-size:1.25rem;padding:1rem 1.5rem;background:#fff;border:1px solid #9ca3af;border-radius:8px;color:#2d263b}.question[data-astro-cid-zscmupps] strong[data-astro-cid-zscmupps]{color:#5a4a78;font-weight:600}.score[data-astro-cid-zscmupps]{font-size:1.125rem;padding:1rem 1.5rem;background:#fff;border:1px solid #9ca3af;border-radius:8px;color:#2d263b}.periodic-table[data-astro-cid-zscmupps]{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,auto);gap:.25rem;margin-bottom:2rem;font-size:.7rem;position:relative;padding:.5rem}.element-info-box[data-astro-cid-zscmupps]{grid-column:3 / 13;grid-row:1 / 4;border-radius:8px;padding:1rem;background:#f9f9f9;border:1px solid #9ca3af;color:#2d263b;display:flex;flex-direction:column;overflow-y:auto}.info-details[data-astro-cid-zscmupps]{font-size:.75rem;line-height:1.625;text-align:justify;color:#6b6b6b}.element[data-astro-cid-zscmupps]{width:100%;aspect-ratio:1 / 1;min-height:0;border:2px solid #9ca3af;border-radius:4px;padding:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease;background:#fff;position:relative;opacity:1;box-sizing:border-box}.element[data-astro-cid-zscmupps][style*="display: none"]{opacity:.3;pointer-events:none}.element[data-astro-cid-zscmupps]:hover{transform:scale(1.1);box-shadow:0 4px 12px #5a4a784d;z-index:10;border-color:#5a4a78}.element[data-astro-cid-zscmupps] .number[data-astro-cid-zscmupps]{font-size:1em;position:absolute;top:2px;left:2px;opacity:.6;color:#6b6b6b}.element[data-astro-cid-zscmupps] .symbol[data-astro-cid-zscmupps]{font-size:2em;font-weight:700;color:#2d263b}.element[data-astro-cid-zscmupps] .name[data-astro-cid-zscmupps]{font-size:.5em;opacity:.8;text-align:center;color:#6b6b6b}.element[data-astro-cid-zscmupps].correct{background:#7fa142;color:#fff;border-color:#7fa142;animation:correct-pulse .5s ease}.element[data-astro-cid-zscmupps].incorrect{background:#ca5245;color:#fff;border-color:#ca5245;animation:shake .5s ease}.element[data-astro-cid-zscmupps].correct .symbol[data-astro-cid-zscmupps],.element[data-astro-cid-zscmupps].incorrect .symbol[data-astro-cid-zscmupps],.element[data-astro-cid-zscmupps].correct .number[data-astro-cid-zscmupps],.element[data-astro-cid-zscmupps].incorrect .number[data-astro-cid-zscmupps],.element[data-astro-cid-zscmupps].correct .name[data-astro-cid-zscmupps],.element[data-astro-cid-zscmupps].incorrect .name[data-astro-cid-zscmupps]{color:#fff;opacity:1}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.period-1[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:1}.period-1[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:1}.period-2[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:2}.period-2[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:2}.period-2[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:2}.period-2[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:2}.period-2[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:2}.period-2[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:2}.period-2[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:2}.period-2[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:2}.period-3[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:3}.period-3[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:3}.period-3[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:3}.period-3[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:3}.period-3[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:3}.period-3[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:3}.period-3[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:3}.period-3[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:3}.period-4[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:4}.period-4[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:4}.period-4[data-astro-cid-zscmupps].group-3{grid-column:3;grid-row:4}.period-4[data-astro-cid-zscmupps].group-4{grid-column:4;grid-row:4}.period-4[data-astro-cid-zscmupps].group-5{grid-column:5;grid-row:4}.period-4[data-astro-cid-zscmupps].group-6{grid-column:6;grid-row:4}.period-4[data-astro-cid-zscmupps].group-7{grid-column:7;grid-row:4}.period-4[data-astro-cid-zscmupps].group-8{grid-column:8;grid-row:4}.period-4[data-astro-cid-zscmupps].group-9{grid-column:9;grid-row:4}.period-4[data-astro-cid-zscmupps].group-10{grid-column:10;grid-row:4}.period-4[data-astro-cid-zscmupps].group-11{grid-column:11;grid-row:4}.period-4[data-astro-cid-zscmupps].group-12{grid-column:12;grid-row:4}.period-4[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:4}.period-4[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:4}.period-4[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:4}.period-4[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:4}.period-4[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:4}.period-4[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:4}.period-5[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:5}.period-5[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:5}.period-5[data-astro-cid-zscmupps].group-3{grid-column:3;grid-row:5}.period-5[data-astro-cid-zscmupps].group-4{grid-column:4;grid-row:5}.period-5[data-astro-cid-zscmupps].group-5{grid-column:5;grid-row:5}.period-5[data-astro-cid-zscmupps].group-6{grid-column:6;grid-row:5}.period-5[data-astro-cid-zscmupps].group-7{grid-column:7;grid-row:5}.period-5[data-astro-cid-zscmupps].group-8{grid-column:8;grid-row:5}.period-5[data-astro-cid-zscmupps].group-9{grid-column:9;grid-row:5}.period-5[data-astro-cid-zscmupps].group-10{grid-column:10;grid-row:5}.period-5[data-astro-cid-zscmupps].group-11{grid-column:11;grid-row:5}.period-5[data-astro-cid-zscmupps].group-12{grid-column:12;grid-row:5}.period-5[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:5}.period-5[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:5}.period-5[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:5}.period-5[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:5}.period-5[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:5}.period-5[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:5}.period-6[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:6}.period-6[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:6}.period-6[data-astro-cid-zscmupps].group-3{grid-column:3;grid-row:6}.period-6[data-astro-cid-zscmupps].group-4{grid-column:4;grid-row:6}.period-6[data-astro-cid-zscmupps].group-5{grid-column:5;grid-row:6}.period-6[data-astro-cid-zscmupps].group-6{grid-column:6;grid-row:6}.period-6[data-astro-cid-zscmupps].group-7{grid-column:7;grid-row:6}.period-6[data-astro-cid-zscmupps].group-8{grid-column:8;grid-row:6}.period-6[data-astro-cid-zscmupps].group-9{grid-column:9;grid-row:6}.period-6[data-astro-cid-zscmupps].group-10{grid-column:10;grid-row:6}.period-6[data-astro-cid-zscmupps].group-11{grid-column:11;grid-row:6}.period-6[data-astro-cid-zscmupps].group-12{grid-column:12;grid-row:6}.period-6[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:6}.period-6[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:6}.period-6[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:6}.period-6[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:6}.period-6[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:6}.period-6[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:6}.period-7[data-astro-cid-zscmupps].group-1{grid-column:1;grid-row:7}.period-7[data-astro-cid-zscmupps].group-2{grid-column:2;grid-row:7}.period-7[data-astro-cid-zscmupps].group-3{grid-column:3;grid-row:7}.period-7[data-astro-cid-zscmupps].group-4{grid-column:4;grid-row:7}.period-7[data-astro-cid-zscmupps].group-5{grid-column:5;grid-row:7}.period-7[data-astro-cid-zscmupps].group-6{grid-column:6;grid-row:7}.period-7[data-astro-cid-zscmupps].group-7{grid-column:7;grid-row:7}.period-7[data-astro-cid-zscmupps].group-8{grid-column:8;grid-row:7}.period-7[data-astro-cid-zscmupps].group-9{grid-column:9;grid-row:7}.period-7[data-astro-cid-zscmupps].group-10{grid-column:10;grid-row:7}.period-7[data-astro-cid-zscmupps].group-11{grid-column:11;grid-row:7}.period-7[data-astro-cid-zscmupps].group-12{grid-column:12;grid-row:7}.period-7[data-astro-cid-zscmupps].group-13{grid-column:13;grid-row:7}.period-7[data-astro-cid-zscmupps].group-14{grid-column:14;grid-row:7}.period-7[data-astro-cid-zscmupps].group-15{grid-column:15;grid-row:7}.period-7[data-astro-cid-zscmupps].group-16{grid-column:16;grid-row:7}.period-7[data-astro-cid-zscmupps].group-17{grid-column:17;grid-row:7}.period-7[data-astro-cid-zscmupps].group-18{grid-column:18;grid-row:7}.row-8[data-astro-cid-zscmupps].col-1{grid-column:4;grid-row:9}.row-8[data-astro-cid-zscmupps].col-2{grid-column:5;grid-row:9}.row-8[data-astro-cid-zscmupps].col-3{grid-column:6;grid-row:9}.row-8[data-astro-cid-zscmupps].col-4{grid-column:7;grid-row:9}.row-8[data-astro-cid-zscmupps].col-5{grid-column:8;grid-row:9}.row-8[data-astro-cid-zscmupps].col-6{grid-column:9;grid-row:9}.row-8[data-astro-cid-zscmupps].col-7{grid-column:10;grid-row:9}.row-8[data-astro-cid-zscmupps].col-8{grid-column:11;grid-row:9}.row-8[data-astro-cid-zscmupps].col-9{grid-column:12;grid-row:9}.row-8[data-astro-cid-zscmupps].col-10{grid-column:13;grid-row:9}.row-8[data-astro-cid-zscmupps].col-11{grid-column:14;grid-row:9}.row-8[data-astro-cid-zscmupps].col-12{grid-column:15;grid-row:9}.row-8[data-astro-cid-zscmupps].col-13{grid-column:16;grid-row:9}.row-8[data-astro-cid-zscmupps].col-14{grid-column:17;grid-row:9}.row-9[data-astro-cid-zscmupps].col-1{grid-column:4;grid-row:10}.row-9[data-astro-cid-zscmupps].col-2{grid-column:5;grid-row:10}.row-9[data-astro-cid-zscmupps].col-3{grid-column:6;grid-row:10}.row-9[data-astro-cid-zscmupps].col-4{grid-column:7;grid-row:10}.row-9[data-astro-cid-zscmupps].col-5{grid-column:8;grid-row:10}.row-9[data-astro-cid-zscmupps].col-6{grid-column:9;grid-row:10}.row-9[data-astro-cid-zscmupps].col-7{grid-column:10;grid-row:10}.row-9[data-astro-cid-zscmupps].col-8{grid-column:11;grid-row:10}.row-9[data-astro-cid-zscmupps].col-9{grid-column:12;grid-row:10}.row-9[data-astro-cid-zscmupps].col-10{grid-column:13;grid-row:10}.row-9[data-astro-cid-zscmupps].col-11{grid-column:14;grid-row:10}.row-9[data-astro-cid-zscmupps].col-12{grid-column:15;grid-row:10}.row-9[data-astro-cid-zscmupps].col-13{grid-column:16;grid-row:10}.row-9[data-astro-cid-zscmupps].col-14{grid-column:17;grid-row:10}.game-controls[data-astro-cid-zscmupps]{text-align:center}.btn-primary[data-astro-cid-zscmupps]{background:#5a4a78;color:#fff;border:1px solid #5a4a78;padding:1rem 1.5rem;font-size:1.125rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:inherit}.btn-primary[data-astro-cid-zscmupps]:hover{background:#736195;transform:translateY(-2px);box-shadow:0 4px 12px #5a4a784d}@media(max-width:768px){.periodic-table-game[data-astro-cid-zscmupps]{padding:.5rem}.periodic-table-wrapper[data-astro-cid-zscmupps]{overflow-x:auto;padding-bottom:1rem}.periodic-table[data-astro-cid-zscmupps]{font-size:.5rem;gap:2px;min-width:600px}.element[data-astro-cid-zscmupps]{padding:2px}.game-header[data-astro-cid-zscmupps]{margin-bottom:1.25rem}.game-header[data-astro-cid-zscmupps] h2[data-astro-cid-zscmupps]{font-size:1.5rem}.question[data-astro-cid-zscmupps]{font-size:1.125rem;padding:.5rem 1rem}.score[data-astro-cid-zscmupps]{font-size:1rem;padding:.5rem 1rem}.element-info-box[data-astro-cid-zscmupps]{padding:.5rem;grid-column:3 / 13;grid-row:1 / 4}.info-details[data-astro-cid-zscmupps]{font-size:.55rem;line-height:1.3}.level-selector[data-astro-cid-zscmupps]{margin-bottom:1rem}.reset-btn[data-astro-cid-zscmupps]{margin-left:.5rem;margin-top:.5rem}}@media(max-width:480px){.periodic-table[data-astro-cid-zscmupps]{min-width:500px;font-size:.45rem}.game-header[data-astro-cid-zscmupps] h2[data-astro-cid-zscmupps]{font-size:1.25rem}.question[data-astro-cid-zscmupps]{font-size:1rem;padding:.25rem 1rem}.score[data-astro-cid-zscmupps],.level-selector[data-astro-cid-zscmupps]{font-size:.875rem}.level-select[data-astro-cid-zscmupps],.reset-btn[data-astro-cid-zscmupps]{font-size:.875rem;padding:.25rem .5rem}}