@layer components{:root{--atom-short:#ff9a8a}.atom-board{border:3px solid var(--outline);background:radial-gradient(circle at 1px 1px, #ffffff08 1px, transparent 0) 0 0 / 7px 7px, var(--board);color:var(--board-foreground);box-shadow:inset 0 0 0 2px var(--board-line);border-radius:14px;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:18px;display:grid}@media (width<=900px){.atom-board{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}}.atom-manual{border:2px solid var(--board-line);background:var(--board-deep);text-align:center;color:var(--board-foreground);border-radius:8px;align-content:start;gap:9px;padding:14px 12px;font-size:.8125rem;line-height:1.45;display:grid}.atom-manual h3{font-family:var(--font-display);color:var(--gold-light);font-size:1.125rem}.atom-manual em{color:var(--gold-light);font-style:normal;font-weight:700}.atom-manual-rate{border-block:2px dotted var(--board-line);justify-content:center;align-items:center;gap:6px;padding:6px 0;font-weight:600;display:inline-flex}.atom-threshold{font-family:var(--font-numeric);color:var(--gold-light);font-size:1.5rem;line-height:1.1}.atom-manual-figures{border-top:2px dotted var(--board-line);gap:8px;margin-top:4px;padding-top:10px;display:grid}.atom-manual-figures dt{color:var(--board-ink);font-size:.75rem}.atom-manual-figures dd{font-family:var(--font-numeric);color:var(--board-gain);font-size:1.125rem;font-weight:600}.atom-switch{font-family:var(--font-display);color:var(--board-ink);justify-content:center;align-items:center;gap:8px;font-size:.9375rem;display:inline-flex}.atom-switch-track{background:var(--board-deep);width:58px;height:20px;box-shadow:inset 0 0 0 2px var(--board-line);border-radius:6px;position:relative}.atom-switch-track:after{content:"";background:var(--board-ink);border-radius:4px;width:24px;height:14px;position:absolute;top:3px;left:3px}.atom-switch[data-on=true] .atom-switch-track:after{background:var(--board-gain);left:auto;right:3px}.atom-switch[data-on=true]>:nth-child(3),.atom-switch[data-on=false]>:first-child{color:var(--gold-light)}.atom-main{gap:10px;min-width:0;display:grid}.atom-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.atom-title h2{font-family:var(--font-display);color:var(--gold-light);text-shadow:2px 2px 0 var(--board-deep);font-size:1.625rem;line-height:1.1}.atom-particles{border:2px solid var(--board-line);background:var(--board-deep);min-width:170px;font-family:var(--font-numeric);color:var(--board-foreground);border-radius:6px;align-items:center;gap:10px;padding:6px 14px;font-size:1.375rem;font-weight:600;display:inline-flex}.atom-rows{gap:8px;display:grid}.atom-row{border:2px solid var(--board-line);background:var(--board-tile);border-radius:6px;grid-template-columns:92px minmax(0,1fr) 176px;align-items:center;gap:14px;padding:8px 12px 8px 8px;display:grid}.atom-row[data-status=unlisted]{opacity:.55}@media (width<=760px){.atom-row{grid-template-columns:64px minmax(0,1fr);gap:8px 10px}.atom-buy{text-align:left;grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr);align-items:center}}.atom-art{place-items:center;display:grid}.atom-art img{width:92px;height:auto}@media (width<=760px){.atom-art img{width:64px}}.atom-art:not([data-discovered]) img{filter:grayscale()brightness(.45)}.atom-text{text-align:center;min-width:0}.atom-text h3{font-family:var(--font-display);color:var(--gold-light);font-size:1rem;line-height:1.25}.atom-text h3 span{color:var(--board-ink)}.atom-description{color:var(--board-foreground);margin-top:4px;font-size:.8125rem;line-height:1.5}.atom-undiscovered{color:var(--board-ink)}.atom-value{white-space:nowrap;font-weight:600}.atom-value em{color:var(--board-ink);font-style:italic;font-weight:400}.atom-value strong{color:var(--gold)}.atom-arrow{vertical-align:-1px;color:var(--board-ink);margin-inline:2px;display:inline}.atom-buy{text-align:center;font-family:var(--font-numeric);justify-items:stretch;gap:5px;display:grid}.atom-level{color:var(--gold-light);font-size:1.0625rem;font-weight:600}.atom-level span{color:var(--board-ink)}.atom-cost{color:var(--board-foreground);overflow-wrap:anywhere;font-size:.875rem}.atom-cost[data-short]{color:var(--atom-short)}.atom-button{background:var(--board-deep);box-shadow:inset 0 0 0 2px var(--board-line);font-family:var(--font-sans);color:var(--board-ink);border-radius:6px;padding:5px 8px;font-size:.8125rem;font-weight:700}.atom-button[data-state=now]{background:var(--gold);box-shadow:inset 0 0 0 2px var(--gold-edge);color:var(--gold-ink)}.atom-button[data-state=short]{color:var(--atom-short)}.atom-unlisted{border:2px dashed var(--board-line);color:var(--board-ink);border-radius:8px;padding:12px 14px;font-size:.8125rem;line-height:1.5}.atom-unlisted ul{gap:4px;margin-top:8px;display:grid}.atom-unlisted li{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.atom-unlisted strong{color:var(--board-foreground)}.atom-unlisted em{margin-left:auto;font-style:normal;font-weight:600}.atom-unlisted li[data-owned=true] em{color:var(--board-gain)}}