@font-face{font-family:Helsinki;src:url(./helsinki-DtBOqstW.ttf)format("truetype");font-display:block}:root{--bg:#f1f1f4;--fg:#222;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg:#15151a;--fg:#eee}}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:system-ui,sans-serif}body{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}canvas{aspect-ratio:500/800;touch-action:none;cursor:pointer;border-radius:4px;width:min(400px,96vw,53.75vh);height:auto}small{opacity:.7}html,body{overscroll-behavior:none}@media (pointer:coarse),(display-mode:standalone),(display-mode:fullscreen){html,body{background:#000;overflow:hidden}body{gap:0}:root{--free-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}canvas{width:min(100vw, calc(var(--free-height) * 500 / 800));-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:0}small{display:none}}