.chemistry-player:where(.astro-asrz6udo){border:1px solid var(--sl-color-gray-5,#d4d4d4);background:radial-gradient(ellipse at top, #baa3000a, transparent 70%), var(--sl-color-bg,#fff);border-radius:.75rem;margin-block:1.5rem;padding:1.5rem}.player-input-row:where(.astro-asrz6udo){gap:.5rem;margin-bottom:1rem;display:flex}.player-input:where(.astro-asrz6udo){font-family:var(--font-mono,monospace);border:2px solid var(--sl-color-gray-5,#d4d4d4);background:var(--sl-color-bg,#fff);color:var(--sl-color-text,#1a1a1a);border-radius:.5rem;flex:1;padding:.625rem .875rem;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.player-input:where(.astro-asrz6udo):focus{border-color:var(--color-asciichem-accent,#baa300);outline:none;box-shadow:0 0 0 3px #baa30026}:where(.astro-asrz6udo)[data-theme=dark] .player-input:where(.astro-asrz6udo):focus{border-color:#e7d67a;box-shadow:0 0 0 3px #e7d67a33}.player-btn:where(.astro-asrz6udo){cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.player-btn--play:where(.astro-asrz6udo){background:var(--color-asciichem-accent,#baa300);color:#fff}.player-btn--play:where(.astro-asrz6udo):hover{transform:translateY(-1px);box-shadow:0 4px 12px #baa3004d}:where(.astro-asrz6udo)[data-theme=dark] .player-btn--play:where(.astro-asrz6udo){color:#968400;background:#e7d67a}.player-btn--play:where(.astro-asrz6udo).playing{background:var(--sl-color-gray-5,#d4d4d4);color:var(--sl-color-text,#1a1a1a);pointer-events:none}.player-presets:where(.astro-asrz6udo){flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.player-preset:where(.astro-asrz6udo){border:1px solid var(--sl-color-gray-5,#d4d4d4);color:var(--sl-color-text,#1a1a1a);cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:500;transition:all .15s}.player-preset:where(.astro-asrz6udo):hover{border-color:var(--color-asciichem-accent,#baa300);background:var(--color-asciichem-accent-soft,#faf5e0)}:where(.astro-asrz6udo)[data-theme=dark] .player-preset:where(.astro-asrz6udo):hover{background:#e7d67a1a;border-color:#e7d67a}.player-display:where(.astro-asrz6udo){background:var(--sl-color-gray-7,#f5f5f5);border-radius:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;margin-bottom:1rem;padding:1rem;display:flex}.player-display-hint:where(.astro-asrz6udo){color:var(--sl-color-gray-3,#888);font-size:.9rem;font-style:italic}.player-atom:where(.astro-asrz6udo){width:2.5rem;height:2.5rem;font-family:var(--font-mono,monospace);border:2px solid var(--sl-color-gray-5,#ccc);color:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.player-atom:where(.astro-asrz6udo)[data-count]:after{content:attr(data-count);background:var(--sl-color-gray-5,#ccc);border-radius:999px;padding:.05rem .3rem;font-size:.65rem;line-height:1.2;position:absolute;bottom:-.15rem;right:-.15rem}.player-atom:where(.astro-asrz6udo).playing{z-index:10;transform:scale(1.35);box-shadow:0 0 1.5rem}.player-arrow:where(.astro-asrz6udo){color:var(--sl-color-gray-3,#888);margin:0 .25rem;font-size:1.2rem}.player-plus:where(.astro-asrz6udo){color:var(--sl-color-gray-3,#888);margin:0 .15rem}.player-legend:where(.astro-asrz6udo){color:var(--sl-color-gray-3,#666);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.player-legend-item:where(.astro-asrz6udo){align-items:center;gap:.3rem;display:flex}.legend-dot:where(.astro-asrz6udo){border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.legend-dot--metal:where(.astro-asrz6udo){background:#8aff00}.legend-dot--noble:where(.astro-asrz6udo){background:#b3e3f5;border:1px solid #88c8e0}.legend-dot--halogen:where(.astro-asrz6udo){background:#1ff01f}.legend-dot--alkali:where(.astro-asrz6udo){background:#ab5cf2}.molecule-game:where(.astro-aayquhyb){border:2px solid var(--sl-color-gray-5,#d4d4d4);background:linear-gradient(135deg, #baa30008, transparent), var(--sl-color-bg,#fff);border-radius:1rem;margin-block:1.5rem;padding:1.5rem}.game-header:where(.astro-aayquhyb){border-bottom:1px solid var(--sl-color-gray-7,#eee);gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.game-score:where(.astro-aayquhyb),.game-streak:where(.astro-aayquhyb),.game-solved:where(.astro-aayquhyb){flex-direction:column;gap:.15rem;display:flex}.game-stat-label:where(.astro-aayquhyb){text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3,#888);font-size:.7rem;font-weight:600}.game-stat-value:where(.astro-aayquhyb){color:var(--color-asciichem-accent,#baa300);font-size:1.4rem;font-weight:700;font-family:var(--font-mono,monospace)}:where(.astro-aayquhyb)[data-theme=dark] .game-stat-value:where(.astro-aayquhyb){color:#e7d67a}.game-challenge:where(.astro-aayquhyb){text-align:center;background:var(--sl-color-gray-7,#f5f5f5);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:8rem;margin-bottom:1.25rem;padding:1.5rem;display:flex}.game-difficulty:where(.astro-aayquhyb){margin-bottom:.25rem;font-size:1rem}.game-molecule-name:where(.astro-aayquhyb){color:var(--sl-color-text,#1a1a1a);margin:0;font-size:1.6rem;font-weight:700}.game-hint:where(.astro-aayquhyb){color:var(--sl-color-gray-3,#666);max-width:30rem;margin:0;font-size:.95rem}.game-teach:where(.astro-aayquhyb){background:var(--color-asciichem-accent-soft,#faf5e0);color:var(--color-asciichem-accent,#baa300);border-radius:999px;margin-top:.5rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.game-teach:where(.astro-aayquhyb):empty{display:none}.game-input-row:where(.astro-aayquhyb){gap:.5rem;margin-bottom:1rem;display:flex}.game-input:where(.astro-aayquhyb){font-family:var(--font-mono,monospace);border:2px solid var(--sl-color-gray-5,#d4d4d4);background:var(--sl-color-bg,#fff);color:var(--sl-color-text,#1a1a1a);border-radius:.5rem;flex:1;padding:.625rem .875rem;font-size:1.05rem;transition:border-color .2s}.game-input:where(.astro-aayquhyb):focus{border-color:var(--color-asciichem-accent,#baa300);outline:none}.game-input:where(.astro-aayquhyb):disabled{opacity:.5}.game-input:where(.astro-aayquhyb).correct{background:#e7d67a1a;border-color:#e7d67a}.game-input:where(.astro-aayquhyb).wrong{background:#e066331a;border-color:#e06633;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.game-btn:where(.astro-aayquhyb){cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.game-btn:where(.astro-aayquhyb):disabled{opacity:.4;cursor:not-allowed}.game-btn--start:where(.astro-aayquhyb){background:var(--color-asciichem-accent,#baa300);color:#fff}:where(.astro-aayquhyb)[data-theme=dark] .game-btn--start:where(.astro-aayquhyb){color:#968400;background:#e7d67a}.game-btn--submit:where(.astro-aayquhyb){background:var(--color-asciichem-accent,#baa300);color:#fff}:where(.astro-aayquhyb)[data-theme=dark] .game-btn--submit:where(.astro-aayquhyb){color:#968400;background:#e7d67a}.game-btn--skip:where(.astro-aayquhyb){background:var(--sl-color-gray-5,#e0e0e0);color:var(--sl-color-text,#333)}.game-feedback:where(.astro-aayquhyb){text-align:center;min-height:2rem;font-size:1rem;font-weight:600}.game-feedback:where(.astro-aayquhyb).correct{color:#e7d67a}.game-feedback:where(.astro-aayquhyb).wrong{color:#e06633}.game-progress:where(.astro-aayquhyb){flex-wrap:wrap;gap:.25rem;margin-top:.75rem;display:flex}.game-progress-dot:where(.astro-aayquhyb){background:var(--sl-color-gray-5,#ccc);border-radius:50%;width:.75rem;height:.75rem;transition:all .2s}.game-progress-dot:where(.astro-aayquhyb).solved{background:#e7d67a}.game-progress-dot:where(.astro-aayquhyb).skipped{background:#e06633}.game-progress-dot:where(.astro-aayquhyb).current{background:var(--color-asciichem-accent,#baa300);transform:scale(1.4)}.quiz-game:where(.astro-rahueasy){border:2px solid var(--sl-color-gray-5,#d4d4d4);background:linear-gradient(135deg, #baa30008, transparent), var(--sl-color-bg,#fff);border-radius:1rem;margin-block:1.5rem;padding:1.5rem}.quiz-header:where(.astro-rahueasy){border-bottom:1px solid var(--sl-color-gray-7,#eee);gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.quiz-stat:where(.astro-rahueasy){flex-direction:column;gap:.15rem;display:flex}.quiz-stat-label:where(.astro-rahueasy){text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-gray-3,#888);font-size:.7rem;font-weight:600}.quiz-stat-value:where(.astro-rahueasy){color:var(--color-asciichem-accent,#baa300);font-size:1.4rem;font-weight:700;font-family:var(--font-mono,monospace)}:where(.astro-rahueasy)[data-theme=dark] .quiz-stat-value:where(.astro-rahueasy){color:#e7d67a}.quiz-card:where(.astro-rahueasy){background:var(--sl-color-gray-7,#f5f5f5);border-radius:.75rem;justify-content:center;align-items:center;min-height:12rem;padding:2rem;display:flex}.quiz-card-inner:where(.astro-rahueasy){text-align:center;width:100%;max-width:36rem}.quiz-start-screen:where(.astro-rahueasy){flex-direction:column;align-items:center;gap:.75rem;display:flex}.quiz-icon:where(.astro-rahueasy){font-size:3rem;line-height:1}.quiz-card-inner:where(.astro-rahueasy) h3:where(.astro-rahueasy){color:var(--sl-color-text,#1a1a1a);margin:0;font-size:1.5rem;font-weight:700}.quiz-desc:where(.astro-rahueasy){color:var(--sl-color-gray-3,#666);max-width:28rem;margin:0;font-size:.9rem;line-height:1.5}.quiz-question-num:where(.astro-rahueasy){text-transform:uppercase;letter-spacing:.08em;color:var(--color-asciichem-accent,#baa300);margin-bottom:.5rem;font-size:.75rem;font-weight:700}:where(.astro-rahueasy)[data-theme=dark] .quiz-question-num:where(.astro-rahueasy){color:#e7d67a}.quiz-question:where(.astro-rahueasy){color:var(--sl-color-text,#1a1a1a);margin:0 0 1.25rem;font-size:1.3rem;font-weight:600;line-height:1.4}.quiz-answer-row:where(.astro-rahueasy){gap:.5rem;margin-bottom:.75rem;display:flex}.quiz-input:where(.astro-rahueasy){font-family:var(--font-mono,monospace);border:2px solid var(--sl-color-gray-5,#d4d4d4);background:var(--sl-color-bg,#fff);color:var(--sl-color-text,#1a1a1a);border-radius:.5rem;flex:1;padding:.625rem .875rem;font-size:1rem;transition:border-color .2s}.quiz-input:where(.astro-rahueasy):focus{border-color:var(--color-asciichem-accent,#baa300);outline:none}:where(.astro-rahueasy)[data-theme=dark] .quiz-input:where(.astro-rahueasy):focus{border-color:#e7d67a}.quiz-btn:where(.astro-rahueasy){cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s}.quiz-btn--primary:where(.astro-rahueasy){background:var(--color-asciichem-accent,#baa300);color:#fff}:where(.astro-rahueasy)[data-theme=dark] .quiz-btn--primary:where(.astro-rahueasy){color:#968400;background:#e7d67a}.quiz-btn--primary:where(.astro-rahueasy):hover{transform:translateY(-1px);box-shadow:0 4px 12px #baa3004d}.quiz-btn--secondary:where(.astro-rahueasy){background:var(--sl-color-gray-5,#e0e0e0);color:var(--sl-color-text,#333)}.quiz-feedback:where(.astro-rahueasy){border-radius:.5rem;min-height:3rem;margin-top:.5rem;padding:.75rem;font-size:.95rem;line-height:1.5}.quiz-feedback:where(.astro-rahueasy).correct{color:#e7d67a;background:#e7d67a1a;border:1px solid #e7d67a4d}.quiz-feedback:where(.astro-rahueasy).wrong{color:#e06633;background:#e066331a;border:1px solid #e066334d}.quiz-feedback:where(.astro-rahueasy) strong:where(.astro-rahueasy){font-weight:700}.quiz-progress-bar:where(.astro-rahueasy){background:var(--sl-color-gray-5,#e0e0e0);border-radius:999px;height:4px;margin-top:1rem;overflow:hidden}.quiz-progress-fill:where(.astro-rahueasy){background:var(--color-asciichem-accent,#baa300);border-radius:999px;height:100%;transition:width .3s}:where(.astro-rahueasy)[data-theme=dark] .quiz-progress-fill:where(.astro-rahueasy){background:#e7d67a}.quiz-result-screen:where(.astro-rahueasy){flex-direction:column;align-items:center;gap:.75rem;display:flex}.quiz-result-icon:where(.astro-rahueasy){font-size:3.5rem}.quiz-result-score:where(.astro-rahueasy){color:var(--color-asciichem-accent,#baa300);font-size:2rem;font-weight:800;font-family:var(--font-mono,monospace)}:where(.astro-rahueasy)[data-theme=dark] .quiz-result-score:where(.astro-rahueasy){color:#e7d67a}.quiz-result-message:where(.astro-rahueasy){color:var(--sl-color-gray-3,#666);text-align:center;max-width:28rem;font-size:1rem}