*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#dff1df;font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}body{position:fixed;inset:0}#app{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;background:#dff1df}canvas{position:absolute;left:50%;top:50%;display:block;max-width:none;max-height:none;transform:translate(-50%,-50%);touch-action:none;z-index:0}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#526f68;background:linear-gradient(#cae9ed,#e6f2df);transition:opacity .25s;z-index:2}#loading strong{font-size:clamp(34px,8vw,64px);letter-spacing:.08em;color:#fff;text-shadow:0 3px 0 #486f78,0 0 8px #486f78}#loading-label{font-size:18px}.track{width:min(66%,420px);height:16px;border-radius:999px;background:#fff9;overflow:hidden;box-shadow:inset 0 1px 3px #60706055}.track i{display:block;width:0;height:100%;border-radius:inherit;background:#6eac64;transition:width .15s}#loading.hidden{opacity:0;pointer-events:none}#toast{position:absolute;left:50%;bottom:max(10%,env(safe-area-inset-bottom));max-width:82%;transform:translate(-50%,18px);padding:12px 20px;border-radius:20px;background:#35463ddd;color:#fff;text-align:center;font-size:16px;opacity:0;pointer-events:none;transition:.2s;z-index:3}#toast.show{opacity:1;transform:translate(-50%,0)}