.els-story-learning-card.els-candy-enhanced{position:relative;overflow:hidden;margin:28px 0;padding:clamp(20px,3vw,34px);border:1px solid rgba(174,145,255,.22);border-radius:24px;background:radial-gradient(circle at 90% 8%,rgba(255,205,235,.38),transparent 34%),linear-gradient(135deg,#fff 0%,#fbf8ff 100%);box-shadow:0 14px 34px rgba(76,52,119,.10)}
.els-story-learning-card.els-candy-enhanced--vocabulary{background:radial-gradient(circle at 90% 8%,rgba(172,255,224,.34),transparent 34%),linear-gradient(135deg,#fff 0%,#f2fffb 100%);border-color:rgba(92,210,184,.25)}
.els-candy-enhanced .els-story-learning-icon{border-radius:14px;box-shadow:0 5px 12px rgba(115,82,170,.16)}
.els-candy-enhanced h2{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.25;margin:0 0 18px;color:#3e326f}
.els-candy-enhanced--vocabulary h2{color:#23685d}
.els-candy-enhanced .els-story-learning-body{width:100%;margin-top:16px}
.els-candy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.els-candy-card{--candy-a:#ffb8d8;--candy-b:#f48cbd;--candy-ink:#78305d;position:relative;display:block;width:100%;min-width:0;min-height:174px;padding:0;border:0;border-radius:18px;background:transparent;cursor:pointer;perspective:900px;text-align:center;color:var(--candy-ink);filter:drop-shadow(0 7px 6px rgba(66,49,95,.13));transition:transform .22s ease,filter .22s ease;font:inherit}
.els-candy-card:nth-child(5n+2){--candy-a:#c9f4ff;--candy-b:#83dff0;--candy-ink:#15566c}.els-candy-card:nth-child(5n+3){--candy-a:#e2d3ff;--candy-b:#b89cff;--candy-ink:#493078}.els-candy-card:nth-child(5n+4){--candy-a:#ffedb8;--candy-b:#ffd36f;--candy-ink:#704700}.els-candy-card:nth-child(5n){--candy-a:#d0f8dc;--candy-b:#91e5ac;--candy-ink:#205c38}
.els-candy-card:hover{transform:translateY(-5px) rotate(-.5deg);filter:drop-shadow(0 13px 10px rgba(66,49,95,.2))}.els-candy-card:focus-visible{outline:3px solid #6849c8;outline-offset:4px}
.els-candy-card__inner{position:relative;display:block;min-height:174px;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.25,1)}.els-candy-card.is-flipped .els-candy-card__inner{transform:rotateY(180deg)}
.els-candy-card__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:13px 10px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.48) 0 22%,transparent 22.5%),linear-gradient(145deg,var(--candy-a),var(--candy-b));backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-wrap:anywhere;white-space:normal}
.els-candy-card__back{transform:rotateY(180deg);background:linear-gradient(145deg,#fff,var(--candy-a));border:2px solid var(--candy-b)}
.els-candy-card__number{align-self:flex-start;padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.78);font-size:9px;font-weight:800;letter-spacing:.08em}.els-candy-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.86);font-size:23px;box-shadow:0 3px 8px rgba(0,0,0,.06)}
.els-candy-card__prompt{font-size:clamp(12px,1.1vw,15px);line-height:1.3;font-weight:800}.els-candy-card__hint{display:block;padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.78);font-size:9px;line-height:1.25;font-weight:750}.els-candy-card__back-title{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.els-candy-card__answer{font-size:12px;line-height:1.5;font-weight:650}
@media(max-width:900px){.els-candy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.els-story-learning-card.els-candy-enhanced{padding:18px 14px;border-radius:19px}.els-candy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.els-candy-card,.els-candy-card__inner{min-height:164px}.els-candy-card__face{padding:11px 8px}.els-candy-card__answer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.els-candy-card,.els-candy-card__inner{transition:none}.els-candy-card:hover{transform:none}}