*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#666a6b;-webkit-font-smoothing:antialiased;background:#f5f5f2;font-family:Arial,Helvetica,sans-serif}button{font:inherit}button:focus-visible{outline-offset:7px;outline:2px solid #8bbabc}.experience{background:radial-gradient(at 50% 40%,#fff 0%,#f5f5f2 65%,#eceee9 100%);width:100%;height:100svh;min-height:280px;position:relative;overflow:hidden}.stage{touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.stage:focus-visible{outline-offset:-7px;border-radius:12px;outline:1px solid #629f9a59}.wordmark{top:max(28px, env(safe-area-inset-top));left:max(30px, env(safe-area-inset-left));z-index:2;letter-spacing:.24em;color:#858c8c;pointer-events:none;font-size:10px;font-weight:600;position:absolute}.tools{top:max(22px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));z-index:2;gap:8px;display:flex;position:absolute}.tool{color:#798383;cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #798b8926;border-radius:24px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 12px;font-size:10px;display:inline-flex}.tool:hover{color:#424d4c;background:#fff}.tool:disabled{opacity:.45;cursor:default}.hint{bottom:max(35px, calc(env(safe-area-inset-bottom) + 24px));text-align:center;z-index:2;pointer-events:none;position:absolute;left:20px;right:20px}.hint p{letter-spacing:.04em;color:#98a09d;margin:0;font-size:11px;line-height:1.6}.state{color:#818b88;letter-spacing:.09em;text-transform:lowercase;margin-bottom:10px;font-size:11px;display:block}.loading{letter-spacing:.06em;color:#96a39d;pointer-events:none;place-content:center;font-size:12px;display:grid;position:absolute;inset:0}.fallback{text-align:center;place-items:center;padding:60px 24px;display:grid;position:absolute;inset:0}.fallback img{width:min(75vw,600px);height:auto}.fallback p{color:#8a9590;font-size:12px}@media (max-width:600px){.wordmark{top:max(23px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left))}.tools{right:17px;top:max(15px, env(safe-area-inset-top))}.hint{bottom:max(28px, calc(env(safe-area-inset-bottom) + 18px))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}