#tens-units[hidden],#tens-note[hidden],#tens-controls[hidden]{display:none}
#tens-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;flex-shrink:0}
#tens-controls button:before{display:none}
#tens-controls button{min-height:40px;line-height:1.25}
#tens-controls button:disabled{opacity:.48;cursor:default}
.tens-current .unit-front{box-shadow:inset 0 0 0 3px var(--purple),0 0 0 2px var(--surface,#fffdfb)}
.tens-counted .unit-front{box-shadow:inset 0 0 0 2px var(--ink)}
.tens-label{position:absolute;left:calc(var(--label-x)*var(--unit));top:calc(var(--label-y)*var(--unit));transform:translate(-50%,-125%) translateZ(calc(var(--unit)/2));color:var(--ink);font-size:calc(var(--unit)*.8);line-height:1;font-weight:850;white-space:nowrap}
.tens-joining .tens-label{visibility:hidden}
:root[data-life="off"] .tens-units,:root[data-life="off"] .tens-units .unit-cube{transition:none}