.leds{justify-content:center;gap:.6em;margin:.6em 0;display:flex}.led{background:var(--c);opacity:.15;cursor:pointer;border:.08em solid #fff3;border-radius:50%;justify-content:center;align-items:flex-end;width:2.6em;height:2.6em;transition:opacity .1s,box-shadow .1s;display:flex}.led.on{opacity:1;box-shadow:0 0 .6em var(--c), 0 0 1.2em var(--c)}.led-val{text-align:center;width:4.33333em;color:var(--muted);font-size:.6em}.readout{text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:1.2em}.readout .let{text-align:left;min-width:3ch;margin-left:.3em;display:inline-block}.flip{vertical-align:middle;width:1.8em;height:1.6em;font:inherit;cursor:pointer;perspective:20em;background:0 0;border:0;padding:0;font-weight:700;display:inline-block;position:relative}.flip.num{width:2.4em}.flip .face{background:var(--panel);backface-visibility:hidden;border:.08em solid #3a4256;border-radius:.25em;justify-content:center;align-items:center;transition:transform .5s;display:flex;position:absolute;inset:0}.flip .front{color:var(--accent);background:#2c3346;border-color:#6b7591;transform:rotateY(180deg)}.flip .back{color:var(--muted);transition:transform .5s,color .15s}.flip:hover .back{color:var(--accent)}.flip:hover .front{color:#fff}.flip.shown .front{transform:rotateY(0)}.flip.shown .back{transform:rotateY(-180deg)}.pow-base{color:var(--ink);font-weight:700}.pow-exp{color:var(--ok);font-weight:700}.pow-key{white-space:nowrap;background:var(--panel);color:var(--ink);border:2px solid #3a4256;border-bottom-width:5px;border-radius:.35em;margin:0 .1em;padding:.05em .45em;line-height:1.3;display:inline-block}