.latin-grid{--latin-cell:calc(min(560px,100vw - 32px) / var(--latin-span,var(--latin-n)));aspect-ratio:1;box-sizing:border-box;background:#fbf8ec;border:3px solid #2f4a3d;border-radius:10px;display:grid;overflow:hidden;box-shadow:0 10px 24px #203c2818}.latin-cell{color:#24453a;cursor:pointer;touch-action:manipulation;box-sizing:border-box;min-width:0;min-height:0;font:700 calc(var(--latin-cell) * .48)/1 system-ui,sans-serif;background:#fbf8ec;border:1px solid #c6d0c0;border-top:0 solid #2f4a3d;border-left:0 solid #2f4a3d;place-items:center;padding:0;display:grid;position:relative}.latin-cell.is-peer{background:#eef3df}.latin-cell.is-selected{background:#f6dc9b}.latin-cell.is-given{color:#14302a;background-image:linear-gradient(#e9e2c8,#e9e2c8)}.latin-cell.is-given.is-selected{background-image:none}.latin-cell.is-wrong .latin-digit{color:#b2382c}.latin-cell:focus-visible{outline-offset:-4px;z-index:3;outline:3px solid #de861b}.latin-notes{color:#5a7464;width:80%;height:72%;font:600 calc(var(--latin-cell) * .17)/1 system-ui,sans-serif;grid-template-columns:repeat(3,1fr);margin-top:14%;display:grid}.latin-notes.is-small{width:60%;font-size:calc(var(--latin-cell) * .2);grid-template-columns:repeat(2,1fr)}.latin-notes small{font-size:inherit;place-items:center;display:grid}.latin-pad{gap:6px;margin:14px 0 4px;display:grid}.latin-pad button{color:#244a38;cursor:pointer;touch-action:manipulation;background:#edf2e6;border:1px solid #9bab99;border-radius:8px;min-width:0;min-height:46px;font:600 18px system-ui,sans-serif}.latin-pad button:disabled{opacity:.55;cursor:default}.latin-pad button:focus-visible{outline-offset:2px;outline:3px solid #de861b}