.memory-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding:64px 0}.memory-copy h1{font-size:clamp(3.6rem,6.6vw,6.5rem);line-height:.87;letter-spacing:-.075em;margin:0}.memory-copy h1 span{color:#b59aff}.memory-copy .eyebrow{color:#b59aff}.best-panel{margin-top:35px;padding:20px 0;border-top:1px solid var(--line);display:grid;gap:9px}.best-panel span{font-size:.62rem;color:var(--muted);letter-spacing:.12em}.best-panel strong{font-size:1.6rem;color:#95efd7}.best-panel small{color:var(--muted)}.memory-shell{position:relative;border:1px solid #ffffff20;border-radius:28px;padding:22px;background:linear-gradient(145deg,#171a37,#0b1225);box-shadow:0 30px 80px #0005}.mode-row{display:flex;background:#060b1c;border-radius:14px;padding:4px;gap:4px}.mode-row button{flex:1;border:0;border-radius:10px;padding:13px 8px;background:none;color:var(--muted);cursor:pointer;font-weight:700}.mode-row button.selected{background:#b59aff;color:#17102c}.difficulty-row{display:flex;gap:10px;align-items:center;margin:18px 0}.difficulty-row label{position:absolute;clip:rect(0,0,0,0)}.difficulty-row select{font-size:.76rem;max-width:65%}.text-button{margin-left:auto;background:none;border:0;color:#a7b6db;cursor:pointer;font-size:.76rem;padding:10px}.memory-stats{display:flex;justify-content:space-between;padding:4px 5px 18px}.memory-stats div{display:grid;gap:5px}.memory-stats span{color:var(--muted);font-size:.58rem;letter-spacing:.15em}.memory-stats strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-board.hard{grid-template-columns:repeat(5,1fr);gap:8px}.memory-card{position:relative;aspect-ratio:1;border:1px solid #7d77ba40;border-radius:13px;background:linear-gradient(140deg,#29305a,#171d3c);cursor:pointer;transition:transform .18s,background .18s;display:grid;place-items:center;color:#a89ad8;padding:16%;min-width:0}.memory-card:before{content:'✦';position:absolute;font-size:1.7rem;opacity:.55}.memory-card svg{width:100%;height:100%;opacity:0;transform:scale(.6);transition:.2s;overflow:visible}.memory-card.revealed,.memory-card.matched{background:#111c33;border-color:#b59aff;transform:rotateY(0)}.memory-card.revealed:before,.memory-card.matched:before{display:none}.memory-card.revealed svg,.memory-card.matched svg{opacity:1;transform:scale(1)}.memory-card.matched{border-color:#79e3bb60;background:#13302f;cursor:default}.memory-card:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}.memory-card:hover:not(.matched){border-color:#b59aff}.board-status{min-height:20px;text-align:center;color:var(--muted);font-size:.76rem;margin:16px 0 0}.result-panel{position:absolute;inset:0;background:#0a1028f5;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;backdrop-filter:blur(8px)}.result-panel[hidden]{display:none}.result-panel h2{font-size:2rem;letter-spacing:-.04em}.result-panel>p:not(.eyebrow){color:var(--muted);line-height:1.7}.result-panel .play-button{margin-top:15px}.memory-card.matched svg{filter:drop-shadow(0 0 8px #8ee9ca33)}@media(max-width:900px){.memory-layout{grid-template-columns:1fr;gap:30px;padding:38px 0}.memory-copy{text-align:center}.memory-copy h1{font-size:4.2rem}.memory-copy .lead{margin:20px auto}.best-panel{margin:22px auto 0;max-width:500px;padding:15px 0}.memory-shell{width:min(100%,580px);margin:auto}}@media(max-width:420px){.memory-shell{padding:14px;border-radius:20px}.memory-board{gap:7px}.memory-card{border-radius:9px}.memory-copy h1{font-size:3.5rem}.memory-board.hard{gap:6px}.memory-card:before{font-size:1.3rem}}