#nine-secret[hidden],#nines-note[hidden]{display:none}
#nine-secret{margin-inline:3px}
#nine-secret:before{display:none}
.nines-units{transform:scale3d(var(--unit-fit,1),var(--unit-fit,1),var(--unit-fit,1)) translateX(calc(var(--unit)*-.5));transition:none}
.nine-ghost{position:absolute;left:calc(9*var(--unit));top:calc(var(--row)*var(--unit));width:var(--unit);height:var(--unit);border:2px dashed var(--purple);border-radius:3px;background:color-mix(in srgb,var(--purple),transparent 88%);transform:translateZ(calc(var(--unit)/2 + 1px));opacity:.65;backface-visibility:hidden}
.nine-minus{position:absolute;left:calc(9.5*var(--unit) - 20px);top:-30px;min-width:40px;padding:2px 5px;border-radius:12px;background:var(--surface,#fffdfb);color:var(--control-ink,#6e546e);font-size:17px;font-weight:750;text-align:center;transform:translateZ(calc(var(--unit)/2 + 2px));visibility:hidden;backface-visibility:hidden}
.nines-units.is-result .nine-ghost{animation:nine-return .9s ease-in both}
.nines-units.is-result .nine-minus{visibility:visible}
@keyframes nine-return{from{opacity:.65;transform:translate3d(0,0,calc(var(--unit)/2 + 1px))}to{opacity:0;transform:translate3d(calc(var(--unit)*.6),calc(var(--unit)*-.3),calc(var(--unit)/2 + 1px))}}
@media(prefers-reduced-motion:reduce){.nines-units.is-result .nine-ghost{animation:none;opacity:.3}}