.grid{position:relative;width:440px;height:440px;background:var(--grid-bg);border-radius:8px}.gem{position:absolute;width:50px;height:50px;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #0000004d}@keyframes dropIn{0%{transform:translateY(-500%);opacity:0}to{transform:translateY(0);opacity:1}}.gem-new{animation:dropIn .5s ease-out}.gem:hover{transform:scale(1.1);z-index:10}.gem:active{transform:scale(.9)}.sidebar{background:#333;padding:20px;border-radius:8px;min-width:200px}.sidebar h2{margin-top:0;margin-bottom:20px;text-align:center}.patterns-list{display:flex;flex-direction:column;gap:15px}.pattern-item{display:flex;gap:5px;background:#0003;padding:8px;border-radius:4px;justify-content:center}.pattern-gem{width:20px;height:20px;border-radius:4px;box-shadow:0 0 5px #00000080}.overlay{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;z-index:10;overflow:visible}.game-container{display:flex;flex-direction:column;align-items:center;gap:20px}.score{font-size:24px;font-weight:700}.main-area{display:flex;gap:40px;align-items:flex-start}.grid-container{position:relative;background:var(--grid-bg);padding:10px;border-radius:8px}:root{--bg-color: #1a1a1a;--grid-bg: #2a2a2a;--gem-size: 50px;--gap: 5px}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}