/* One playable hero and six calm previews, grouped by the character of the task. */
.memory-levels{display:flex;gap:6px;margin:-5px 0 14px;justify-content:flex-start}
.memory-levels button{min-height:30px;min-width:58px;padding:5px 10px;border-radius:20px;border:1px solid #e1e4d6;background:#f3f4ed;font-size:10px;color:#62695b;cursor:pointer}
.memory-levels button[aria-pressed=true]{border-color:#dcaa85;background:#f8e2d0;color:#7e4528}
.memory-levels button:hover{border-color:#b1ba9f}
.hero-playground:has(.memory-demo){height:575px}
.collection{border-top:1px solid var(--line);padding:49px 0 62px}
.collection>.eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:16px}
.collection .section-heading{margin-bottom:34px}
.collection .section-heading>p{max-width:220px;line-height:1.65}
.collection-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative}
.collection-scale:before{content:'';height:1px;background:#cbd1bf;position:absolute;left:10px;right:10px;top:13px}
.collection-stage{min-width:0}
.stage-heading{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:21px;background:var(--paper);width:fit-content;padding-right:18px;min-height:27px}
.stage-heading h3{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0}
.stage-dot{width:11px;height:11px;border-radius:50%;background:#b8c2a5;box-shadow:0 0 0 5px var(--paper);margin:0 5px}
.stage-focus .stage-dot{background:#82916c}.stage-challenge .stage-dot{background:#ef7846}
.stage-number{display:none}
.stage-games{display:grid;gap:15px}
.exercise-card{background:#f0f1e9;border:1px solid #e5e7dc;border-radius:22px;overflow:hidden;min-width:0}
.exercise-art{height:164px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin:9px 9px 0;border-radius:15px;background:#e9eddf}
.exercise-copy{padding:16px 21px 22px;min-height:140px}
.exercise-kind{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#747d68}
.exercise-copy h4{font-size:20px;letter-spacing:-.6px;line-height:1.17;font-weight:600;margin:7px 0 9px}
.exercise-copy p{font-size:12px;color:#666e5b;line-height:1.55;margin:0;max-width:245px}
.exercise-math .exercise-art{background:#ece8dc}
.arithmetic-preview{gap:9px;font-size:35px;letter-spacing:-1.5px}
.arithmetic-preview i{font-size:26px;font-style:normal;font-weight:400;color:#86866e}
.arithmetic-preview b{width:48px;height:56px;border-radius:12px;background:#e8c4a1;transform:rotate(7deg);display:grid;place-items:center;font-size:31px;font-weight:500;color:#835638}
.arithmetic-underline{position:absolute;bottom:29px;left:30px;right:30px;border-top:1px dashed #c3bda9}
.exercise-vanishing .exercise-art{background:#eaece3}
.vanishing-preview{flex-direction:column;gap:19px}
.vanishing-number{font-size:37px;letter-spacing:2px;color:#626d50;transform:rotate(-3deg)}
.vanishing-line{display:flex;gap:11px;padding-right:16px}.vanishing-line span{width:31px;height:20px;border-bottom:2px solid #bdc5ae}
.vanishing-preview>svg{position:absolute;width:36px;height:30px;right:34px;top:89px;color:#889677;transform:rotate(-13deg)}
.exercise-matrix .exercise-art{background:#ede5d8}
.matrix-preview .level-visual{width:131px;height:131px;border-color:#e6b590;background:#f5deca;padding:11px;gap:4px;border-radius:13px;transform:rotate(-5deg)}
.matrix-preview .memory-preview-cell{background:#e9c5a7}.matrix-preview .memory-preview-cell.lit{background:#ec7540}
.matrix-preview>svg{position:absolute;width:31px;height:31px;right:54px;bottom:22px;border-radius:50%;background:#fff7e9;padding:4px;color:#7f8b69}
.exercise-target .exercise-art{background:#e4e9db}
.target-preview svg{width:100%;height:100%;object-fit:contain}
.exercise-railway .exercise-art{background:#e9eddf}.exercise-air .exercise-art{background:#e3eae6}
.map-preview img{height:100%;width:100%;object-fit:contain;display:block}
.collection-note{text-align:center;color:#707966;font-size:12px;margin:26px 0 0;line-height:1.6}
@media(max-width:1100px){.hero-playground:has(.memory-demo){height:535px}.collection-scale{gap:18px}.exercise-art{height:143px}.exercise-copy{padding:15px 17px 19px;min-height:136px}.exercise-copy h4{font-size:19px}.arithmetic-preview{font-size:29px;gap:7px}.arithmetic-preview i{font-size:22px}.arithmetic-preview b{width:39px;height:47px;font-size:28px}.vanishing-preview>svg{right:18px;top:82px}.matrix-preview>svg{right:30px}.matrix-preview .level-visual{width:114px;height:114px;padding:9px;gap:3px}}
@media(max-width:850px){.hero-playground:has(.memory-demo){height:500px}.collection{padding:38px 0 45px}.collection-scale{gap:13px}.exercise-art{height:119px;margin:7px 7px 0;border-radius:13px}.exercise-copy{padding:13px 13px 17px;min-height:145px}.exercise-copy h4{font-size:17px;letter-spacing:-.4px}.exercise-copy p{font-size:11px}.exercise-kind{font-size:8px}.arithmetic-preview{font-size:24px;gap:5px}.arithmetic-preview i{font-size:19px}.arithmetic-preview b{width:30px;height:40px;font-size:25px}.arithmetic-underline{left:17px;right:17px;bottom:22px}.vanishing-number{font-size:29px}.vanishing-line{gap:7px}.vanishing-line span{width:23px}.vanishing-preview>svg{right:14px;top:64px;width:26px}.matrix-preview .level-visual{width:98px;height:98px;padding:7px;gap:3px}.matrix-preview>svg{right:15px;bottom:10px;width:27px;height:27px}.stage-heading h3{font-size:13px}.stage-heading{gap:8px;padding-right:13px}}
@media(max-width:650px){.hero-playground:has(.memory-demo){height:505px}.memory-levels{margin:-4px 0 12px}.memory-levels button{min-height:30px;min-width:56px}.collection{padding:33px 0 40px}.collection>.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.collection .section-heading{margin-bottom:26px}.collection .section-heading h2{font-size:30px;letter-spacing:-1.2px}.collection .section-heading>p{display:none}.collection-scale{grid-template-columns:1fr;gap:24px}.collection-scale:before{display:none}.stage-heading{width:100%;padding:0;margin-bottom:13px;gap:12px}.stage-heading h3{font-size:14px}.stage-heading:after{content:'';height:1px;background:#d7dccb;flex:1}.stage-number{display:block;color:#86917b;font-size:10px;order:3}.stage-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.exercise-card{border-radius:18px}.exercise-art{height:109px;margin:6px 6px 0;border-radius:12px}.exercise-copy{padding:12px 12px 16px;min-height:129px}.exercise-copy h4{font-size:16px;margin:6px 0 8px;letter-spacing:-.5px}.exercise-copy p{font-size:11px;line-height:1.45}.exercise-kind{font-size:8px;letter-spacing:.8px}.arithmetic-preview{font-size:21px;gap:4px}.arithmetic-preview i{font-size:16px}.arithmetic-preview b{width:26px;height:34px;font-size:22px;border-radius:8px}.arithmetic-underline{bottom:19px;left:15px;right:15px}.vanishing-preview{gap:9px}.vanishing-number{font-size:26px;letter-spacing:1px}.vanishing-line{gap:7px;padding-right:6px}.vanishing-line span{width:20px;height:18px}.vanishing-preview>svg{top:57px;right:8px;width:24px;height:24px}.matrix-preview .level-visual{width:88px;height:88px;padding:7px;gap:2px;transform:rotate(-5deg)}.matrix-preview>svg{width:25px;height:25px;bottom:7px;right:17px}.map-preview img{object-fit:contain}.collection-note{font-size:11px;margin:24px auto 0;max-width:290px}}
@media(max-width:359px){.hero-playground:has(.memory-demo){height:485px}.stage-games{gap:9px}.exercise-art{height:95px;margin:5px 5px 0}.exercise-copy{padding:11px 10px 14px;min-height:132px}.exercise-copy h4{font-size:14px}.exercise-copy p{font-size:10px}.arithmetic-preview{font-size:19px;gap:3px}.arithmetic-preview i{font-size:14px}.arithmetic-preview b{width:21px;height:30px;font-size:20px}.vanishing-number{font-size:22px}.vanishing-line span{width:17px}.vanishing-preview>svg{top:49px;right:5px;width:21px}.matrix-preview .level-visual{width:77px;height:77px;padding:6px}.matrix-preview>svg{right:7px;width:23px;height:23px}.collection .section-heading h2{font-size:27px}}