body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Chomsky;src:url(/static/media/Chomsky.1c52c6d05b7a6ccb07da.woff2)}@font-face{font-family:Franklin;src:url(/static/media/LibreFranklin-Bold.94f5f5447926c7e86233.ttf)}*,:after,:before{box-sizing:border-box}body{margin:0}.app-body{margin:0 auto;max-width:500px;padding-inline:8px;width:100%}.title{font-family:Chomsky;font-size:clamp(32px,9vw,45px);font-weight:200;text-align:center}.gridrow{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin:0 auto 6px;max-width:350px;width:100%}.gridrow div{align-items:center;aspect-ratio:1;border:2px solid #d3d6da;color:#000;display:flex;flex:none;font-family:Franklin;font-size:30px;font-weight:700;justify-content:center;overflow:hidden;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap}.keyboard{container-type:inline-size;margin-block:20px;width:100%}.keyboardRow{--gap:4px;--key-w:calc(100cqw/10 - var(--gap)*9/10);gap:var(--gap);margin-block:5px}.key,.keyboardRow{display:flex;justify-content:center}.key{align-items:center;background-color:#d3d6da;border-radius:4px;color:#000;cursor:pointer;flex:none;font-family:Franklin;font-size:calc(var(--key-w)*.5);font-weight:700;height:calc(var(--key-w)*1.4);overflow:hidden;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--key-w)}.key.wide{font-size:calc(var(--key-w)*.3);width:calc(var(--key-w)*1.5 + var(--gap)/2)}.keyIcon{height:60%;pointer-events:none}.cell.green{background-color:#6aaa64;border-color:#6aaa64;color:#fff}.cell.yellow{background-color:#c9b458;border-color:#c9b458;color:#fff}.cell.gray{background-color:#787c7e;border-color:#787c7e;color:#fff}.cell.current{background-color:#dcdcdc}.modal{align-items:center;display:flex;justify-content:center;width:100%}.modal div{animation:horizontal-shaking .2s;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px gray;font-family:Franklin;overflow:auto;padding:10px;position:fixed;text-align:center;top:100px;z-index:1}@keyframes horizontal-shaking{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}.note{color:#2f4f4f;font-family:Franklin;font-size:15px}.shareDialogue div{background-color:#fff;border-radius:5px;box-shadow:0 2px 10px gray;font-family:Franklin;overflow:auto;padding:10px;position:fixed;text-align:center;top:100px;z-index:1}.shareDialogue{align-items:center;display:flex;justify-content:center;width:100%}.shareDialogue div button{background-color:#dcdcdc;border:none;border-radius:5px;cursor:pointer;font-family:Franklin;margin-block:5px;padding-block:2px;width:100%}
/*# sourceMappingURL=main.5e977a7c.css.map*/