.name-wrapper.svelte-1uha8ag{position:relative;display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transform:translate3d(var(--square-offset-x),var(--square-offset-y),0);will-change:transform;--exponent-size: 10cqw;--exponent-top: -2cqw;--square-offset-x: 0px;--square-offset-y: 0px}.name-square.svelte-1uha8ag{position:relative;width:min(70vmin,42rem);aspect-ratio:1 / 1;background:var(--accent-1);color:var(--background);overflow:hidden;z-index:1;cursor:grab;touch-action:none;container-type:inline-size;--square-padding: clamp(.25rem, 1cqw, .75rem);--grid-font-size: 13cqw}.name-square.dragging.svelte-1uha8ag{cursor:grabbing}.name-grid.svelte-1uha8ag{position:absolute;inset:var(--square-padding);display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,1fr));place-items:center;gap:0;font-family:Space Grotesk,sans-serif;font-size:var(--grid-font-size);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.86}.name-letter.svelte-1uha8ag{grid-column:var(--col);grid-row:var(--row);display:inline-block;width:max-content;opacity:1;animation-duration:.56s;animation-timing-function:cubic-bezier(.16,.7,.2,1);animation-fill-mode:backwards;animation-delay:var(--delay);text-align:center}.name-letter-row.svelte-1uha8ag{animation-name:svelte-1uha8ag-name-row-letter;align-self:start}.name-letter-col.svelte-1uha8ag{animation-name:svelte-1uha8ag-name-col-letter;justify-self:start}.name-letter-g.svelte-1uha8ag{align-self:start;justify-self:start;z-index:1}.physics-layer.svelte-1uha8ag{position:absolute;inset:0;font-family:Space Grotesk,sans-serif;font-size:var(--grid-font-size);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.86;opacity:0;pointer-events:none}.physics-letter.svelte-1uha8ag{position:absolute;top:0;left:0;transform:translate3d(var(--letter-x),var(--letter-y),0) translate(-50%,-50%) rotate(var(--letter-angle));transform-origin:center;will-change:transform}.name-wrapper.simulating.svelte-1uha8ag .name-grid:where(.svelte-1uha8ag){opacity:0}.name-wrapper.simulating.svelte-1uha8ag .physics-layer:where(.svelte-1uha8ag){opacity:1}.reset-simulation-button.svelte-1uha8ag{position:absolute;top:clamp(.35rem,1.2cqw,.65rem);right:clamp(.35rem,1.2cqw,.65rem);width:clamp(1.2rem,3.6cqw,1.7rem);height:clamp(1.2rem,3.6cqw,1.7rem);display:grid;place-items:center;border:0;border-radius:999px;padding:0;background:transparent;color:#111;cursor:pointer;touch-action:manipulation;opacity:.82;transition:opacity .16s ease,transform .16s ease;z-index:4}.reset-simulation-button.svelte-1uha8ag:hover{opacity:1;transform:scale(1.08)}.reset-simulation-button.svelte-1uha8ag:active{transform:scale(.94)}.reset-simulation-button.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@media(pointer:coarse){.reset-simulation-button.svelte-1uha8ag{top:.4rem;right:.4rem;width:2.4rem;height:2.4rem;opacity:.95}.reset-simulation-button.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:1.25rem;height:1.25rem}}.name-exponent.svelte-1uha8ag{position:absolute;top:var(--exponent-top);right:0;font-family:Space Grotesk,sans-serif;font-size:var(--exponent-size);font-weight:600;color:var(--foreground);pointer-events:none;z-index:0}.drag-hint.svelte-1uha8ag{position:absolute;left:50%;top:103%;font-family:Space Grotesk,sans-serif;font-size:clamp(.62rem,1.8cqw,.88rem);font-weight:400;letter-spacing:.02em;color:var(--accent-1);white-space:nowrap;pointer-events:none;z-index:0;animation:svelte-1uha8ag-drag-hint-reveal .54s cubic-bezier(.16,.72,.2,1) forwards,svelte-1uha8ag-drag-hint-bounce 1.2s ease-in-out .54s infinite}@keyframes svelte-1uha8ag-name-row-letter{0%{opacity:0;transform:translate(-28%)}to{opacity:1;transform:translate(0)}}@keyframes svelte-1uha8ag-name-col-letter{0%{opacity:0;transform:translateY(-28%)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uha8ag-drag-hint-reveal{0%{opacity:0;transform:translate(-50%,-155%)}to{opacity:1;transform:translate(-50%,-46%)}}@keyframes svelte-1uha8ag-drag-hint-bounce{0%,to{transform:translate(-50%,-46%)}50%{transform:translate(-50%,-56%)}}@media(prefers-reduced-motion:reduce){.name-letter.svelte-1uha8ag{animation:none;opacity:1;transform:none}.drag-hint.svelte-1uha8ag{animation:none;opacity:1;transform:translate(-50%,-46%)}}