*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.introText{width:400px;margin:100px auto;color:#fff;font-size:1.4rem;text-align:center}body{font-family:Inter,system-ui,sans-serif;background-color:#f1cdbf;overflow:hidden}.grid-row{height:100px;position:relative;margin:50px auto;border:3px dashed #4a90e2;border-radius:10px}.tile{width:100px;height:100px;background-color:#4a90e2;color:#fff;font-size:2rem;display:flex;justify-content:center;align-items:center;border-radius:8px;cursor:grab;position:absolute;-webkit-user-select:none;user-select:none}.word-container{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.word-container .item{width:var(--slot-size, 90px);height:var(--slot-size, 90px);border-radius:12px;color:transparent;background:#ffffff24;border:2px dashed rgba(255,255,255,.45);box-shadow:0 2px 6px #0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.word-container .item.over:not(.filled){border-color:#ffffffe6;background:#ffffff38}.word-container .item.over.filled{border-color:#fff;background:#ffffff6b}.word-container .item.filled{border:2px dashed rgba(255,255,255,.95);background:#ffffff38}.brick-inner{background:linear-gradient(to right bottom,#fff,#e6e6e6);box-shadow:2px 2px 2px #0000004d;transition:box-shadow .15s ease,filter .15s ease;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:grab;position:absolute;width:var(--brick-size, 70px);height:var(--brick-size, 70px);border-radius:6px;text-transform:uppercase}.brick.is-dragging .brick-inner,.brick.is-over .brick-inner{box-shadow:0 10px 20px #00000059;transform:translateY(-8px)}.sbrick.is-over .brick-inner{box-shadow:0 0 0 4px #ffffffbf,0 12px 22px #00000059}.brick.is-placed .brick-inner{z-index:999}.brick.is-bump .brick-inner{animation:brickEject .22s ease-out;transform-origin:50% 50%}@keyframes brickEject{0%{transform:rotate(0) scale(1)}40%{transform:rotate(-12deg) scale(1.05)}to{transform:rotate(-6deg) scale(1)}}