.sky-frame{--latin-cell:calc(min(560px,100vw - 32px) / var(--latin-span));aspect-ratio:1;gap:0;width:100%;display:grid}.sky-bed{min-width:0;min-height:0}.sky-bed .latin-grid{background:#f7f3df;border-color:#3d5e3a;width:100%;height:100%}.sky-grid .latin-cell{overflow:hidden}.sky-grid .latin-digit{z-index:1;position:relative}.sky-stem{pointer-events:none;background:#8db86b;border-radius:3px 3px 0 0;width:6%;position:absolute;bottom:0;left:84%;transform:translate(-50%)}.sky-stem:before{content:"";width:calc(var(--latin-cell) * .2);aspect-ratio:1;opacity:.85;background:radial-gradient(circle,#7a4b1d 0 30%,#f2bf2f 32%);border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.sky-grid .latin-cell.is-wrong .sky-stem{background:#d77c6f}.sky-clue{place-items:center;min-width:0;min-height:0;display:grid}.sky-clue span{aspect-ratio:1;color:#3b2a07;width:62%;font:800 calc(var(--latin-cell) * .36)/1 system-ui,sans-serif;background:#f2c94c;border:2px solid #b8871a;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px #8a641322}.sky-clue.is-broken span{color:#7a1d12;background:#f2b5a8;border-color:#b2382c}