.memory-page{position:relative;z-index:2;width:min(980px,calc(100% - 28px));margin:20px auto 35px}.memory-back{display:inline-block;color:#fff;text-decoration:none;font-weight:850;font-size:13px;border:1px solid #7379dd;background:#080d3dcc;border-radius:22px;padding:9px 15px;box-shadow:0 5px 15px #0005}.memory-back:hover{background:#24328dcc}.memory-hero{text-align:center;padding:12px 10px 18px}.mini-kicker{font-size:12px;letter-spacing:5px;font-weight:950;color:#75dcff}.memory-hero h1{margin:7px 0 5px;font-size:clamp(48px,7vw,74px);line-height:.9;letter-spacing:-3px;text-shadow:0 6px 0 #0009}.memory-hero h1 span{color:#fff}.memory-hero h1 strong{color:#ffcf18;text-shadow:0 6px 0 #d76c00}.memory-hero p{margin:12px 0 0;font-weight:750;color:#e0e6ff}.memory-shell{max-width:860px;margin:auto;border:2px solid #716fe0;border-radius:30px;background:linear-gradient(150deg,#101c59e8,#30175fe8);box-shadow:0 22px 60px #0009,inset 0 1px #fff5;overflow:hidden;backdrop-filter:blur(10px)}.hidden{display:none!important}.start-panel,.result-panel{padding:32px 24px 38px;text-align:center}.memory-mascots{display:flex;justify-content:center;align-items:center;gap:28px;font-size:72px;filter:drop-shadow(0 8px 7px #0008)}.memory-mascots b{font-size:25px;color:#ffcf18}.start-panel h2{font-size:29px;margin:8px 0}.start-panel p{max-width:620px;margin:0 auto 20px;color:#d8defd;line-height:1.5}.difficulty{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px 0 25px}.difficulty-btn{min-width:145px;padding:13px 12px;border-radius:18px;border:1px solid #737acb;background:#07103f;color:#fff;cursor:pointer;display:grid;gap:2px;box-shadow:0 5px 12px #0005}.difficulty-btn span{font-size:24px}.difficulty-btn b{font-size:14px}.difficulty-btn small{font-size:10px;color:#bdc8ed}.difficulty-btn.selected{border-color:#ffd23b;background:linear-gradient(#6245c8,#321e78);box-shadow:0 0 20px #a477ff66}.start-btn,.games-btn{display:inline-block;border:0;color:#fff;text-decoration:none;font-weight:950;cursor:pointer;border-radius:30px;padding:14px 27px;background:linear-gradient(135deg,#ff4d69,#bd0f63);box-shadow:0 7px 18px #0007,0 0 18px #ff426633}.start-btn:hover,.games-btn:hover{transform:translateY(-2px)}.games-btn{margin-left:7px;background:#5535bd}.play-panel{padding:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{min-height:58px;display:flex;align-items:center;justify-content:center;gap:6px;background:#080f40aa;border:1px solid #626bc3;border-radius:17px;box-shadow:inset 0 1px #fff3}.stat span{font-size:21px}.stat b{font-size:19px}.stat small{font-size:8px;color:#bcc6ed;font-weight:900}.memory-progress{height:8px;background:#070c36;border:1px solid #525da9;border-radius:9px;overflow:hidden;margin:12px 0 8px}.memory-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff4b69,#ffcf18);transition:width .3s}.tip{text-align:center;color:#cbd4f6;font-size:12px;font-weight:800;min-height:23px;margin-bottom:8px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:auto}.memory-card{height:120px;border:0;background:transparent;perspective:900px;cursor:pointer;padding:0}.memory-card:disabled{cursor:default}.card-inner{position:relative;width:100%;height:100%;transition:transform .42s;transform-style:preserve-3d}.memory-card.flipped .card-inner,.memory-card.matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:19px;border:2px solid #7778e1;box-shadow:0 9px 18px #0007,inset 0 1px #fff5}.card-front{background:linear-gradient(145deg,#4f2bb4,#202c8c);font-size:43px}.card-front:after{content:'?';font-size:45px;color:#9fe8ff;text-shadow:0 3px 0 #0006}.card-back{transform:rotateY(180deg);background:linear-gradient(145deg,#ff5270,#9e174e);font-weight:950;color:#fff;text-shadow:0 3px 0 #0007}.memory-card[data-type="answer"] .card-back{background:linear-gradient(145deg,#16c8a1,#086d83)}.card-text{font-size:27px}.memory-card[data-type="answer"] .card-text{font-size:36px;color:#fff}.memory-card.matched .card-back{border-color:#7dffce;box-shadow:0 0 24px #38f2bd66,inset 0 1px #fff7}.memory-card.matched .card-back:after{content:'✓';position:absolute;right:7px;top:5px;color:#baffdc;font-size:17px}.result-icon{font-size:76px;filter:drop-shadow(0 8px 7px #0008)}.result-kicker{font-size:11px;letter-spacing:4px;color:#7ee6ff;font-weight:950}.result-panel h2{font-size:32px;margin:5px 0 10px}.result-score{font-size:65px;font-weight:950;color:#ffcf18;text-shadow:0 5px #d56a00}.result-score small{font-size:13px;color:#fff;text-shadow:none}.result-stats{display:flex;justify-content:center;gap:12px;margin:8px 0 24px}.result-stats div{min-width:105px;padding:12px 8px;border-radius:17px;background:#080f40aa;border:1px solid #626bc3}.result-stats b,.result-stats small{display:block}.result-stats b{font-size:21px}.result-stats small{font-size:9px;color:#bcc6ed;font-weight:850;margin-top:2px}.memory-card.shake .card-inner{animation:shake .35s}.memory-card.pop .card-inner{animation:pop .35s}@keyframes shake{25%{transform:rotateZ(-3deg)}75%{transform:rotateZ(3deg)}}@keyframes pop{50%{transform:rotateY(180deg) scale(1.06)}}
@media(max-width:700px){.memory-page{width:min(100% - 14px,700px)}.memory-shell{border-radius:23px}.play-panel{padding:12px}.stats{grid-template-columns:repeat(2,1fr)}.memory-grid{grid-template-columns:repeat(3,1fr);gap:9px}.memory-card{height:110px}.card-text{font-size:22px}.memory-card[data-type="answer"] .card-text{font-size:30px}.start-panel,.result-panel{padding:25px 13px 30px}.memory-mascots{font-size:60px;gap:20px}.difficulty-btn{min-width:125px}.result-stats{gap:5px}.result-stats div{min-width:90px}}
@media(max-width:430px){.memory-hero h1{font-size:45px}.memory-hero p{font-size:13px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:7px}.memory-card{height:92px}.card-face{border-radius:14px}.card-front:after{font-size:34px}.card-text{font-size:17px}.memory-card[data-type="answer"] .card-text{font-size:25px}.stat b{font-size:16px}.games-btn{margin:8px 0 0}}
/* Readability upgrade: make instructions and card questions easy to read. */
.memory-hero p,.start-panel>p{font-size:18px;line-height:1.55}
.tip{font-size:17px;line-height:1.45}
.card-text{font-size:31px}
.memory-card[data-type="answer"] .card-text{font-size:39px}
.difficulty-btn b{font-size:17px}
.difficulty-btn small{font-size:13px}
@media(max-width:700px){.card-text{font-size:25px}.memory-card[data-type="answer"] .card-text{font-size:33px}.memory-hero p,.start-panel>p{font-size:17px}.tip{font-size:16px}}
@media(max-width:430px){.card-text{font-size:21px}.memory-card[data-type="answer"] .card-text{font-size:28px}.memory-hero p{font-size:16px}}