@font-face{font-family:Marcellus;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/marcellus-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:block;src:url(../fonts/manrope-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:block;src:url(../fonts/manrope-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:block;src:url(../fonts/manrope-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:block;src:url(../fonts/manrope-latin-700-normal.woff2)format("woff2")}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#07070c;width:100%;height:100%;margin:0;overflow:hidden}body{color:#e8e6ef;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;font-family:Manrope,system-ui,sans-serif}#app{background:#05050a;position:fixed;inset:0;overflow:hidden}#app canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#touch{touch-action:none;position:absolute;inset:0}.hit{color:#0000;font:inherit;cursor:pointer;touch-action:manipulation;appearance:none;background:0 0;border:0;border-radius:999px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.hit:focus-visible{outline-offset:3px;outline:2px solid #ffcf7a}.hit[hidden]{display:none}#rotate{text-align:center;background:#05050cd1;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#rotate[hidden]{display:none}#rotate p{letter-spacing:.5px;color:#f1f0fa;margin:0;font:500 20px/1.4 Manrope,system-ui,sans-serif}#safe-area{visibility:hidden;pointer-events:none;width:0;height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;left:0}#app{--u:1px;--safe-right:0px;--safe-bottom:0px}.answer{right:calc(var(--safe-right) + 12 * var(--u));bottom:calc(var(--safe-bottom) + 12 * var(--u));touch-action:manipulation;position:absolute}#pad[hidden],#choices[hidden]{display:none}.answer button{font:inherit;color:#f1f0fa;cursor:pointer;touch-action:manipulation;appearance:none;margin:0;padding:0}.answer button:focus-visible{outline-offset:2px;outline:2px solid #ffcf7a}#pad{box-sizing:border-box;width:calc(260 * var(--u));height:calc(246 * var(--u));padding:calc(10 * var(--u));gap:calc(5 * var(--u));border-radius:calc(14 * var(--u));background:#0a0918b8;border:1px solid #ffffff38;flex-direction:column;display:flex}.pad-display{height:calc(30 * var(--u));justify-content:flex-end;align-items:baseline;gap:calc(6 * var(--u));padding:0 calc(6 * var(--u));font:600 calc(22 * var(--u)) / calc(30 * var(--u)) Manrope, system-ui, sans-serif;color:#ffe9bd;white-space:nowrap;flex:none;display:flex;overflow:hidden}.pad-unit{font-size:calc(15 * var(--u));color:#bfe6ff}.pad-units{height:calc(44 * var(--u));gap:calc(5 * var(--u));flex:none;display:flex}.pad-keys{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3, calc(44 * var(--u)));gap:calc(5 * var(--u));flex:1;display:grid}.key,.chip{box-sizing:border-box;min-width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(10 * var(--u));font:600 calc(19 * var(--u)) / 1 Manrope, system-ui, sans-serif;background:#ffffff12;border:1px solid #ffffff38}.key:active,.chip:active,.pill:active{background:#ffffff2e}.chip{padding:0 calc(6 * var(--u));font-size:calc(15 * var(--u));color:#bfe6ff;white-space:nowrap;flex:auto}.chip.long{font-size:calc(12.5 * var(--u));flex:3 auto;line-height:1.15}.chip[aria-pressed=true]{color:#ffd98f;border:calc(2 * var(--u)) solid #ffcf7a;background:#ffcf7a29}.key.commit{font-size:calc(17 * var(--u));color:#1a1320;background:#ffcf7a;border-color:#ffcf7a;grid-column:span 3}.key.commit:disabled{color:#f1f0fa73;cursor:default;background:#ffffff0a;border-color:#ffffff24}.pad-units.wanted .chip{border-color:#ffcf7abf}.pad-units.nudge{animation:.42s ease-in-out nudge}.pad-units.nudge .chip{border-color:#ffcf7acc}@keyframes nudge{0%,to{transform:translate(0)}20%,60%{transform:translateX(calc(-5 * var(--u)))}40%,80%{transform:translateX(calc(5 * var(--u)))}}@media (prefers-reduced-motion:reduce){.pad-units.nudge{animation:none}}#choices{gap:calc(8 * var(--u));flex-direction:column;align-items:stretch;display:flex}.pill{box-sizing:border-box;min-width:calc(190 * var(--u));height:calc(46 * var(--u));padding:0 calc(24 * var(--u));border-radius:calc(23 * var(--u));font:600 calc(19 * var(--u)) / 1 Manrope, system-ui, sans-serif;text-shadow:0 0 calc(5 * var(--u)) #04040cd9;white-space:nowrap;background:#0a0918a8;border:1px solid #ffffff42}