.rule-grid{width:min(520px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rule-card{aspect-ratio:1;border-radius:21px;background:#f3f1fb;border:2px solid #e1ddeb;font-size:54px;box-shadow:0 7px 14px #372d5410;transition:transform .16s,background .16s}.rule-card:hover{transform:translateY(-3px);background:#fff}.rule-card.rule-correct{color:#fff!important;background:#6ed897;border-color:#51b97b;box-shadow:0 0 0 4px #dff6e8}.rule-card.wrong{color:#fff!important;background:#eb6c87;border-color:#d95271;animation:rule-shake .3s linear}@keyframes rule-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:760px){.rule-grid{gap:9px}.rule-card{border-radius:16px;font-size:39px}}