.abramelin-square{color:#231942;background:radial-gradient(at top,#e0b1cb 0%,#be95c4 20%,#9f86c0 40%,#5e548e 70%,#231942 100%);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;display:flex}.abramelin-square__button{color:#fff;cursor:pointer;letter-spacing:.06rem;text-transform:uppercase;background:linear-gradient(135deg,#9f86c0 0%,#be95c4 100%);border:none;border-radius:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px rgba(0,0,0,.2)}.abramelin-square__button:hover:not(:disabled){background:linear-gradient(#5e548e 0%,#9f86c0 100%);transform:translateY(2px);box-shadow:inset 0 4px 8px rgba(0,0,0,.2)}.abramelin-square__grid{opacity:1;background:linear-gradient(#9f86c0 0%,#5e548e 100%);border-radius:1rem;gap:.25rem;padding:.75rem;transition:all .3s;display:grid;transform:scale(1);box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px rgba(0,0,0,.2)}.abramelin-square__grid--transitioning{opacity:0;transform:scale(.95)}@media (min-width:768px){.abramelin-square__grid{gap:.5rem;padding:1rem}}.abramelin-square__cell{color:#5e548e;opacity:0;background:linear-gradient(#be95c4 0%,#e0b1cb 100%);border-radius:.6rem;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;transition:all .3s;display:flex;transform:translateY(-20px)scale(.8);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.abramelin-square__cell--visible{animation:.6s ease-out forwards cellAppear}@keyframes cellAppear{0%{opacity:0;transform:translateY(-20px)scale(.8)}60%{opacity:1;transform:translateY(2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:768px){.abramelin-square__cell{width:5rem;height:5rem;font-size:1.5rem}}.abramelin-square__cell:hover{background:linear-gradient(#9f86c0 0%,#be95c4 100%);transform:translateY(2px);box-shadow:inset 0 4px 8px rgba(0,0,0,.2)}.abramelin-square__description{background:linear-gradient(#5e548e 0%,#231942 100%);border-radius:1rem;width:100%;padding:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.4),0 7px 13px -3px rgba(0,0,0,.3),inset 0 -3px rgba(0,0,0,.2)}@media (min-width:768px){.abramelin-square__description{max-width:728px;margin:0 auto;padding:1rem}}.abramelin-square__description-text{color:#231942;background:linear-gradient(#be95c4 0%,#5e548e 100%);border-radius:.6rem;padding:1rem;font-size:1rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}@media (min-width:768px){.abramelin-square__description-text{padding:1.5rem;font-size:1.2rem}}.abramelin-square__description-text-small{margin-top:.5rem;font-size:.8rem}