.single-major-layout{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:22px;align-items:center}.flip-major-card{width:100%;height:330px;border:0;background:transparent;perspective:1200px;cursor:pointer}.flip-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1)}.flip-major-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:30px;display:grid;place-items:center;align-content:center;gap:12px;box-shadow:0 22px 50px #58429d24;border:2px solid #d8ccff}.flip-front{background:radial-gradient(circle at 50% 35%,#fff 0,#f2edff 58%,#e5dcff 100%)}.flip-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 30%,#fff 0,#edfff3 70%);border-color:#a8e3bb}.flip-front strong{font-size:112px;color:#704bd8}.flip-back>span{font-size:100px}.flip-back strong{font-size:32px}.flip-face small{letter-spacing:2px;color:#8175a6}.flip-face em{font-style:normal;color:#777d91}.recall-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.recall-btn{border:0;border-radius:14px;padding:12px 6px;font:inherit;font-weight:700;cursor:pointer}.again{background:#fff0f0;color:#b74848}.good-memory{background:#eef9ff;color:#3477a0}.easy{background:#edfff1;color:#24894a}.memory-garden{text-align:center;min-height:250px;display:grid;place-items:center;align-content:center}.growth-creature{font-size:80px;filter:drop-shadow(0 12px 14px #365c3930)}.xp-track{width:min(320px,90%);height:14px;border-radius:20px;background:#e8eaf1;overflow:hidden}.xp-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#55cf70,#f5c451,#8d5be5);transition:width .5s}.growth-stars{color:#f1ad2d;font-size:22px}.casino-section{margin-top:30px;padding:22px;background:#fff;border:1px solid #e7eaf2;border-radius:24px;box-shadow:0 12px 32px #33406b10}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.section-heading h3{margin:0}.section-heading p{margin:5px 0;color:#747b91}.casino-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.playing-card{position:relative;aspect-ratio:5/7;border:1px solid #dfe3ec;border-radius:14px;background:#fff;box-shadow:0 7px 16px #26355d16;font:inherit;cursor:pointer;transition:transform .25s}.playing-card:hover{transform:translateY(-3px)}.playing-card.red{color:#dc3346}.playing-card.black{color:#1b253d}.playing-card>strong{font-size:48px}.corner{position:absolute;top:9px;left:10px;display:grid;font-weight:800}.corner small{font-size:15px}.corner.bottom{top:auto;left:auto;right:10px;bottom:9px;transform:rotate(180deg)}.cards-hidden .playing-card{background:repeating-linear-gradient(45deg,#7452da,#7452da 8px,#8d6bec 8px,#8d6bec 16px);color:transparent}.cards-hidden .playing-card>*{visibility:hidden}@media(max-width:750px){.single-major-layout{grid-template-columns:1fr}.flip-major-card{height:285px}.casino-grid{gap:7px}.playing-card{border-radius:9px}.playing-card>strong{font-size:34px}.corner{top:5px;left:6px;font-size:12px}.corner.bottom{right:6px;bottom:5px}}