.screen.active{flex-wrap:nowrap;flex-grow:1}:root{--base:min(calc( 75vh - var(--headerHeight)), 100vw);--cellWidth:calc( var(--base) / 10 )}#grid{display:flex;gap:.25rem;flex-direction:column;justify-content:space-between;align-items:center;aspect-ratio:1;max-width:100%;margin-top:1rem}.row{display:flex;gap:.25rem;justify-content:space-between;height:100%}.cell{width:var(--cellWidth);height:var(--cellWidth);background-color:rgba(117,117,117,.2);position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:calc(var(--base)/ 120)}.cell::after{content:attr(data-value);font-size:calc( var(--base)/14.5);font-weight:400;font-style:normal;font-family:"Noto Color Emoji",sans-serif;color:hsl(var(--hue),90%,15%)}.cell.fixed{pointer-events:none;border-radius:100%}.cell.fixed::after{color:#000}.cell.focus{outline:4px solid coral}.cell.highlight{outline:4px solid lch(var(--secondary-45))}.cell[data-block="1"],.cell[data-block="3"],.cell[data-block="5"],.cell[data-block="7"],.cell[data-block="9"]{background-color:rgba(126,126,126,.05)}#numbers{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%;gap:calc(.5rem * 8 / 9)}.number{width:var(--cellWidth);height:var(--cellWidth);margin:calc(var(--cellWidth)/ 2) 0;min-width:70px;min-height:70px;font-size:max( calc( var(--base) / 20 ), 3rem);aspect-ratio:1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;line-height:1;position:relative}.number::before{font-weight:400;font-style:normal;font-family:"Noto Color Emoji",sans-serif}.number:not(.valid){pointer-events:none;opacity:.3}.number.valid:not(.delete):after{content:attr(data-remaining);display:flex;justify-content:center;align-items:center;width:2rem;position:absolute;left:50%;transform:translateX(-50%);top:100%;font-size:1rem;aspect-ratio:1;background-color:rgba(131,131,131,.15);border-radius:100%}