*{box-sizing:border-box}html,body{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#f4f4f2;width:100%;height:100%;margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#app:not(.app--playing) canvas{pointer-events:none}canvas{width:100%;height:100%;display:block}.start-overlay{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f4f4f2b8;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}.start-overlay--hidden{pointer-events:none;opacity:0;transition:opacity .35s ease-out}.start-overlay--denied{background:#f4f4f2eb}.start-overlay__title{letter-spacing:.04em;color:#0a0a0a;margin:0;font-family:system-ui,sans-serif;font-size:1.75rem;font-weight:700}.start-overlay__hint{text-align:center;color:#222;max-width:18rem;margin:0;font-family:system-ui,sans-serif;font-size:.95rem;line-height:1.35}