.grid-container[data-v-8117aa64]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid rgba(229,231,235,.5);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:16px}.dark .grid-container[data-v-8117aa64]{background:#111827cc;border:1px solid rgba(75,85,99,.5);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.cell[data-v-8117aa64]{background-color:#f9fafbe6;border:1px solid rgba(229,231,235,.6);border-radius:3px;cursor:pointer;height:18px;margin:1px;transition:all .2s ease-in-out;width:18px}.cell[data-v-8117aa64]:hover{background-color:#e5e7ebcc;transform:scale(1.05)}.dark .cell[data-v-8117aa64]{background-color:#111827e6;border:1px solid rgba(75,85,99,.6)}.dark .cell[data-v-8117aa64]:hover{background-color:#374151cc;transform:scale(1.05)}.cell.alive[data-v-8117aa64]{background:linear-gradient(135deg,#a684ff,#8567db);border:1px solid transparent;box-shadow:0 0 12px #a8a29f66;transform:scale(1.02);transition:all .2s ease-in-out}.cell.alive[data-v-8117aa64]:nth-child(2n){background:linear-gradient(135deg,#ff3ea5,#f564a9)}.cell.alive[data-v-8117aa64]:nth-child(3n){background:linear-gradient(135deg,#00ffde,#15f5ba)}.cell.alive[data-v-8117aa64]:nth-child(4n){background:linear-gradient(135deg,#ffdb5c,#ffaf61)}.cell.alive[data-v-8117aa64]:nth-child(5n){background:linear-gradient(135deg,#687eff,#1b56fd)}.cell.alive[data-v-8117aa64]:hover{box-shadow:0 0 20px #a8a29f99;transform:scale(1.1)}.dark .cell.alive[data-v-8117aa64]{box-shadow:0 0 12px #a8a29f99}.dark .cell.alive[data-v-8117aa64]:hover{box-shadow:0 0 20px #a8a29fcc}.explanations ol li[data-v-8117aa64],.explanations ul li[data-v-8117aa64]{line-height:1.7}.explanations ol li[data-v-8117aa64]::marker,.explanations ul li[data-v-8117aa64]::marker{color:rgba(var(--una-primary-500),1);font-weight:600}.patterns-grid .pattern-card[data-v-8117aa64]{transition:transform .2s ease,box-shadow .2s ease}.patterns-grid .pattern-card[data-v-8117aa64]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dark .patterns-grid .pattern-card[data-v-8117aa64]:hover{box-shadow:0 4px 12px #0000004d}.mini-grid[data-v-8117aa64]{background:#0000001a;border-radius:4px;display:flex;flex-direction:column;gap:1px;margin:0 auto;padding:4px;width:-moz-fit-content;width:fit-content}.mini-row[data-v-8117aa64]{display:flex;gap:1px}.mini-cell[data-v-8117aa64]{background-color:#e5e7ebcc;border-radius:1px;height:12px;width:12px}.mini-cell.alive[data-v-8117aa64]{background:linear-gradient(135deg,#a684ff,#8567db);box-shadow:0 0 4px #a684ff66}.dark .mini-cell[data-v-8117aa64]{background-color:#374151cc}.dark .mini-cell.alive[data-v-8117aa64]{background:linear-gradient(135deg,#a684ff,#8567db);box-shadow:0 0 4px #a684ff99}@media (max-width:768px){.cell[data-v-8117aa64]{height:16px;width:16px}.grid-container[data-v-8117aa64]{padding:12px}}@media (max-width:640px){.cell[data-v-8117aa64]{height:14px;width:14px}.grid-container[data-v-8117aa64]{padding:8px}}