.LetterTile{--LetterTile-face: #f1dfb8;--LetterTile-edge: #c9a96e;--LetterTile-ink: #3a2c17;position:absolute;top:0;left:0;width:var(--LetterTiles-tileSize);height:var(--LetterTiles-tileSize);touch-action:none;cursor:grab;transition:transform .24s cubic-bezier(.45,0,.25,1)}.LetterTile:focus-visible{outline:none}.LetterTile:focus-visible .LetterTile__face{outline:3px solid var(--mui-palette-primary-main);outline-offset:2px}.LetterTile--dragging{cursor:grabbing;transition:none}.LetterTile__face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:3px;border-radius:6px;background:var(--LetterTile-face);box-shadow:inset 0 -3px 0 var(--LetterTile-edge),inset 0 1px #ffffff80,0 1px 2px #00000040;color:var(--LetterTile-ink);font-size:calc(var(--LetterTiles-tileSize) * .52);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;animation:LetterTile-appear .16s ease-out;transition:transform .12s ease-out,box-shadow .12s ease-out}.LetterTile--dragging .LetterTile__face{transform:scale(1.08) rotate(-2deg);box-shadow:inset 0 -3px 0 var(--LetterTile-edge),inset 0 1px #ffffff80,0 8px 16px #00000047}@keyframes LetterTile-appear{0%{opacity:0;transform:scale(.5)}}@media(prefers-reduced-motion:reduce){.LetterTile,.LetterTile__face{animation:none;transition:none}.LetterTile--dragging .LetterTile__face{transform:none}}.Document__body--dark .LetterTile{--LetterTile-face: #d6c29a;--LetterTile-edge: #9a7f52;--LetterTile-ink: #2b2112}.LetterTiles__controls{display:flex;flex-direction:column;gap:calc(var(--mui-grid-size) * 2);margin-bottom:calc(var(--mui-grid-size) * 2)}.LetterTiles__actions{display:grid;grid-template-columns:repeat(2,10rem);justify-content:center;gap:calc(var(--mui-grid-size) * 1)}.LetterTiles__action{width:100%}.LetterTiles__board{position:relative;height:clamp(320px,60vh,480px);overflow:hidden;border:1px solid var(--mui-palette-divider);border-radius:var(--mui-shape-borderRadius);background-color:var(--app-translucent-grey-lightest);background-image:radial-gradient(var(--app-translucent-grey-light) 1px,transparent 1px);background-size:24px 24px}.LetterTiles__board--bounce .LetterTile{transition:transform .26s cubic-bezier(.34,1.3,.64,1)}.LetterTiles__board--bounce .LetterTile--dragging{transition:none}.LetterTiles__mode{position:absolute;top:calc(var(--mui-grid-size) * 1.5);left:calc(var(--mui-grid-size) * 1.5);display:flex;align-items:center;gap:calc(var(--mui-grid-size) * .5);padding:calc(var(--mui-grid-size) * .5) calc(var(--mui-grid-size) * 1.25);border:1px solid var(--mui-palette-divider);border-radius:999px;background-color:var(--mui-palette-background-paper);color:var(--mui-palette-text-secondary);font-size:.8125rem;pointer-events:none}.LetterTiles__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--mui-grid-size) * 3);color:var(--mui-palette-text-secondary);text-align:center}@media not (min-width:600px){.LetterTiles__actions{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.LetterTiles__board--bounce .LetterTile{transition:none}}