.na-out{display: flex;flex-wrap: wrap;gap: 6px;min-height: 80px;align-items: center;max-height: 340px;overflow: auto;font-variant-numeric: tabular-nums}.na-out span{padding: 4px 10px;border-radius: 8px;background: var(--surface-2);border: 1px solid var(--border);font-weight: 600}.na-out.is-one{justify-content: center}.na-out .na-big{font-size: clamp(3rem,2rem + 5vw,5rem);font-weight: 800;border: 0;background: none;padding: 0;line-height: 1;color: var(--brand)}.na-sep{width: auto;padding-top: 6px;padding-bottom: 6px}.na-hist{margin: 0;padding-left: 1.4em;font-size: 0.88rem;display: grid;gap: 4px;max-height: 240px;overflow: auto}.na-dice{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;min-height: 90px}.na-die{display: grid;place-items: center;width: 72px;height: 72px;border-radius: 16px;background: var(--surface);border: 2px solid var(--border-strong);font-size: 2.6rem;font-weight: 800;box-shadow: 0 3px 0 var(--border-strong)}.na-die.roll{animation: na-roll .45s var(--ease)}@keyframes na-roll{0%{transform: rotate(-200deg) scale(.6);opacity: 0}100%{transform: none;opacity: 1}}.na-coin{width: 150px;height: 150px;margin: 8px auto;border-radius: 50%;display: grid;place-items: center;font-size: 1.5rem;font-weight: 800;background: radial-gradient(circle at 35% 35%,#fde68a,#f59e0b 70%,#b45309);color: #78350f;box-shadow: inset 0 0 0 6px rgba(255,255,255,.35),0 6px 16px rgba(0,0,0,.18)}.na-coin.is-coroa{background: radial-gradient(circle at 35% 35%,#e5e7eb,#9ca3af 70%,#4b5563);color: #1f2937}.na-coin.flip{animation: na-flip .7s var(--ease)}@keyframes na-flip{0%{transform: rotateY(0)}100%{transform: rotateY(1080deg)}}