/* Build an Atom: only what this simulation adds to the shared lab kit (static/games/lab/lab.css). */
#atom-lab #atom-cv{outline:none}
#atom-lab #atom-cv:focus-visible{outline:2px solid var(--sim-acc);outline-offset:-3px;border-radius:14px}
#atom-lab .lab-view{height:min(74vh,640px);min-height:520px}
#atom-lab .lab-tools button{width:auto;min-width:2.3rem;padding:0 .45rem;font:600 .9rem system-ui,sans-serif}
#atom-lab .lab-seg button{min-height:36px}
#atom-lab .lab-btn{min-height:36px}
#atom-lab .lab-missions li button{min-height:32px;padding:.25rem .8rem}
#atom-lab .atom-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0}
#atom-lab .atom-group{display:flex;flex-direction:column;gap:.65rem}
#atom-lab .atom-steps{display:grid;gap:.35rem}
#atom-lab .atom-step{display:grid;grid-template-columns:auto 1fr 36px 2.4rem 36px;align-items:center;gap:.4rem;font-size:.88rem}
#atom-lab .atom-step b{text-align:center;font:700 1rem ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
#atom-lab .atom-step button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 1.1rem system-ui,sans-serif;cursor:pointer;line-height:1}
#atom-lab .atom-step button:hover{border-color:var(--acc)}
#atom-lab .atom-dot{width:14px;height:14px;border-radius:50%;display:inline-block}
#atom-lab .atom-dot.p{background:radial-gradient(circle at 35% 30%,#ffd0d0,#ff8787 55%,#b8404a)}
#atom-lab .atom-dot.n{background:radial-gradient(circle at 35% 30%,#fff,#c3cfd9 55%,#6d7f8c)}
#atom-lab .atom-dot.e{background:radial-gradient(circle at 35% 30%,#e6f4ff,#74c0fc 50%,#2f6fa8)}
#atom-lab .lab-row .lab-btn{flex:1 1 auto}
#atom-lab .atom-read{grid-template-columns:auto minmax(0,1fr)}
#atom-lab .atom-read dt{line-height:1.3;white-space:nowrap}
#atom-lab .atom-nt{display:inline-flex;flex-direction:column;vertical-align:middle;font-size:.62em;line-height:1.05;text-align:right;margin-right:.05em}
#atom-lab .atom-read dd{overflow-wrap:anywhere;line-height:1.35}
#atom-lab .atom-note{margin:-.2rem 0 0;min-height:1.2em}
#atom-lab .atom-iso button{flex:1 1 40%;font-size:.78rem}
#atom-lab .lab-field select{min-height:36px}
#atom-lab .lab-field input[type=range]{height:30px;margin:0}
#atom-lab .atom-datebox{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
/* the carbon-14 question, over the picture */
#atom-lab .atom-quiz{position:absolute;z-index:2;background:rgba(9,26,38,.94);border:1px solid var(--sim-gold);border-radius:12px;padding:.55rem .7rem;color:var(--sim-ink);font:.86rem/1.4 system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.35)}
#atom-lab .atom-quiz p{margin:0 0 .4rem;line-height:1.4}
#atom-lab .atom-quiz b{color:var(--sim-gold)}
#atom-lab .atom-quiz-a{display:flex;flex-wrap:wrap;gap:.35rem}
#atom-lab .atom-quiz-a button{flex:1 1 9rem;min-height:36px;border-radius:9px;border:1px solid var(--sim-line);background:#10283a;color:var(--sim-ink);font:600 .82rem system-ui,sans-serif;padding:.3rem .5rem;cursor:pointer}
#atom-lab .atom-quiz-a button:hover,#atom-lab .atom-quiz-a button:focus-visible{border-color:var(--sim-acc)}
#atom-lab .atom-quiz .atom-quiz-fb{margin:.35rem 0 0;color:var(--sim-pink);min-height:0}
#atom-lab .atom-quiz .atom-quiz-fb:empty{display:none}
#atom-lab .lab-table td:nth-child(2){white-space:nowrap}
@media (min-width:861px){#atom-lab .lab-view{position:sticky;top:.6rem}}
@media (max-width:860px){#atom-lab .lab-view{height:min(86vh,640px);min-height:560px}}
@media (max-width:420px){#atom-lab .lab-hero{padding:1.1rem 1.1rem}#atom-lab .lab-hero h1{font-size:1.6rem}#atom-lab .lab-table td:nth-child(2){white-space:normal}}