@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:block}:root{--page:#20497a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{background-color:var(--page);transition:background-color .6s}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;font-family:Lilita One,system-ui,sans-serif;font-weight:400}.page{background:linear-gradient(#0000,#0000004d);position:fixed;inset:0;container-type:size}.column{width:min(100cqw,62.5cqh);touch-action:none;background:#000;width:round(down,min(100cqw,62.5cqh),1px);margin:0 auto;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 5cqh #00000059;container-type:size}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.no-webgl{color:#fff;text-align:center;justify-content:center;align-items:center;padding:10cqmin;font-size:6cqmin;display:flex;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.at,.text,.hit{position:absolute;transform:translate(-50%,-50%)}.icon{display:block;overflow:visible}.text{white-space:nowrap;line-height:1}.huge{font-size:14cqmin}.big{font-size:10cqmin}.medium{font-size:6.5cqmin}.small{font-size:4.4cqmin}.ink{color:#2e2b36}.gray{color:#737080}.round-button{background:#ffffffeb;border-radius:50%;width:13cqmin;height:13cqmin;box-shadow:0 .7cqmin .75cqmin .6cqmin #0b2a552e}.pill{background:#ffffffeb;border-radius:7cqmin;width:55cqmin;height:14cqmin;box-shadow:0 .7cqmin #0b2a552e}.hit{pointer-events:auto}.hit.round{border-radius:50%;width:18cqmin;height:18cqmin}.hit.title{width:24cqmin;height:16cqmin}.hint{left:50%;top:calc(100% - var(--safe-bottom) - 16cqmin);width:74cqmin;height:11cqmin;position:absolute;transform:translate(-50%,-50%)}.hint.hidden{visibility:hidden}.hint .pulse{animation:1.0472s cubic-bezier(.37,0,.63,1) infinite alternate hint-pulse}.hint-pill{background:#fffc;border-radius:5.5cqmin;position:absolute;inset:0}@keyframes hint-pulse{0%{opacity:1}to{opacity:.5}}.overlay{pointer-events:auto;animation:.3s linear both card-show;position:absolute;inset:0}.overlay *{pointer-events:none}.dim{background:#10203a73;position:absolute;inset:0}.card{animation:.3s cubic-bezier(.3333,.6667,.6667,1) both card-slide;position:absolute;top:50%;left:50%}.card-face{background:linear-gradient(#fff,#f2f5fa);border-radius:6cqmin;position:absolute;inset:0;box-shadow:0 1.2cqmin #0000002e}@keyframes card-show{0%{opacity:0}to{opacity:1}}@keyframes card-slide{0%{transform:translateY(8cqmin)}to{transform:none}}.card-button{height:13cqmin;position:absolute;left:50%;transform:translate(-50%,-50%)}.card-button-face{background:linear-gradient(to top, var(--bottom), var(--top));box-shadow:0 1cqmin 0 var(--shadow);border-radius:6.5cqmin;position:absolute;inset:0}.about-text{white-space:pre-line;text-align:center;width:66cqmin;line-height:1.15}.pick-box{background:#c9d3e3;border-radius:5cqmin;width:72cqmin;height:20cqmin;position:absolute;left:calc(50% - 36cqmin)}.pick-box-face{background:linear-gradient(#e6ecf5,#fff);border-radius:5cqmin;height:19.2cqmin;position:absolute;bottom:0;left:0;right:0}.key{width:25cqmin;height:17cqmin;position:absolute;transform:translate(-50%,-50%)}.key-shadow,.key-face{border-radius:4.5cqmin;width:22cqmin;height:14cqmin;position:absolute;top:1.5cqmin;left:1.5cqmin}.key-shadow{background:var(--shadow);top:2.6cqmin}.key-face{background:linear-gradient(to top, var(--bottom), var(--top))}.key.pressed .key-shadow{visibility:hidden}.key.pressed .key-face{transform:translateY(.9cqmin)}