.memory-page{--memory-ink:#0b3d4b;--memory-blue:#176b87;--memory-orange:#f26a2e;--memory-sky:#e4f5f8;--memory-ground:#cae9ed;min-height:100vh;color:var(--memory-ink);background:#fff9ee;padding:0 20px 34px;font-family:Trebuchet MS,Avenir Next,Avenir,system-ui,sans-serif}.memory-page *{box-sizing:border-box}.memory-page button,.memory-page input{font:inherit}.memory-page button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.memory-page button,.memory-page a,.memory-page input{outline-offset:4px}.memory-page :is(button,a,input):focus-visible{outline:3px solid #9b3d09}.memory-topbar{justify-content:space-between;align-items:center;gap:16px;max-width:1080px;min-height:72px;margin:0 auto;display:flex}.memory-home{min-height:44px;color:var(--memory-ink);align-items:center;gap:9px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.memory-home:hover{text-decoration:underline}.memory-home>span{font-size:1.45rem}.memory-free{font-size:.8rem;font-weight:700}.memory-main{max-width:980px;margin:0 auto}.memory-heading{justify-content:space-between;align-items:center;gap:20px;margin:20px 0 30px;display:flex}.memory-kicker{letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:900;line-height:1.4}.memory-heading h1{color:var(--memory-blue);letter-spacing:-.065em;margin:0;font-size:clamp(2.7rem,6vw,4.7rem);font-weight:950;line-height:.98}.memory-heading h1>span{color:#c74c16}.memory-heading>div>p:last-child{margin:13px 0 0;font-size:clamp(.95rem,2vw,1.13rem)}.memory-mascot{border:2px solid var(--memory-ink);width:108px;height:108px;box-shadow:4px 5px 0 var(--memory-ink);background:#ffe19b;border-radius:28px;flex:0 0 108px;place-items:center;display:grid;position:relative;transform:rotate(7deg)}.memory-mascot>span{font-size:4rem;line-height:1;transform:rotate(-7deg)}.memory-mascot>i{color:var(--memory-orange);-webkit-text-stroke:1px var(--memory-ink);font-size:2.7rem;font-style:normal;position:absolute;top:-17px;right:-14px}.memory-settings{border:2px solid var(--memory-ink);background:#fffef9;border-radius:22px;flex-wrap:wrap;gap:18px 32px;margin-bottom:24px;padding:20px 22px 15px;display:flex;box-shadow:0 5px #e4ddce}.memory-settings fieldset{border:0;min-width:0;margin:0;padding:0}.memory-settings fieldset:first-child{flex:380px}.memory-settings legend{margin:0 0 9px;padding:0;font-size:.8rem;font-weight:900}.memory-choices{flex-wrap:wrap;gap:8px;display:flex}.memory-choices button{min-height:46px;color:var(--memory-ink);background:#fff;border:1.5px solid #9cadb2;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:.88rem;font-weight:800;transition:background .15s,transform .15s;display:inline-flex}.memory-choices button:hover{background:#eaf5f7}.memory-choices button[aria-pressed=true]{border:2px solid var(--memory-ink);color:#fff;background:var(--memory-blue);box-shadow:0 3px 0 var(--memory-ink);padding:8.5px 12.5px}.memory-choices button>span:first-child{font-size:1.2rem}.memory-size-choices{gap:7px}.memory-size-choices button{gap:4px;min-width:66px}.memory-size-choices button>b{font-size:1.05rem}.memory-size-choices button>span{font-size:.7rem}.memory-settings-help{color:#4a626b;flex-basis:100%;margin:0;font-size:.72rem}.memory-play{border:2px solid var(--memory-ink);background:linear-gradient(160deg, var(--memory-sky), #f5fcfb);border-radius:28px;padding:24px;box-shadow:0 7px #b6d3d7}.memory-theme-space{--memory-sky:#e9e7fb;--memory-ground:#d9d4f5}.memory-theme-dinosaurs{--memory-sky:#e6f4dc;--memory-ground:#d5eac6}.memory-board-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.memory-board-heading>div{align-items:center;gap:11px;display:flex}.memory-board-heading>div>span{font-size:2.1rem;line-height:1}.memory-board-heading h2{margin:0;font-size:1.2rem;font-weight:900;line-height:1.25}.memory-board-heading p{margin:4px 0 0;font-size:.76rem}.memory-refresh{border:1.5px solid var(--memory-ink);min-height:44px;color:var(--memory-ink);box-shadow:0 3px 0 var(--memory-ink);background:#fffef9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.8rem;font-weight:900;display:inline-flex}.memory-refresh>span{font-size:1.4rem;line-height:1}.memory-refresh:hover{background:#fff0c7}.memory-stats{background:#ffffffc7;border:1.5px solid #9abdc5;border-radius:16px;align-items:center;gap:17px;margin:20px 0 18px;padding:11px 15px;display:flex}.memory-progress-copy{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.memory-progress-copy>span:first-child{color:#9d5300;align-self:center;font-size:1.6rem}.memory-progress-copy b{font-size:1.25rem}.memory-progress-copy b>span{font-size:.9rem}.memory-progress-copy>span:last-child{font-size:.75rem}.memory-progress-track{background:#dfeef1;border:1px solid #7696a0;border-radius:99px;flex:1;height:12px;overflow:hidden}.memory-progress-track>span{border-radius:inherit;background:var(--memory-blue);height:100%;transition:width .3s;display:block}.memory-moves{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.memory-moves>b{font-size:1.25rem}.memory-moves>span{font-size:.75rem}.memory-instruction{text-align:center;margin:0 0 15px;font-size:.88rem;font-weight:800}.memory-instruction>span:last-child{color:#4a626b;font-weight:500}.memory-board{background:var(--memory-ground);border:2px solid #94b8bf;border-radius:23px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:672px;margin:0 auto;padding:16px;display:grid;box-shadow:inset 0 0 0 5px #ffffff52}.memory-board-12{grid-template-columns:repeat(6,minmax(0,1fr));max-width:828px}.memory-card{isolation:isolate;aspect-ratio:1.08;border:2px solid var(--memory-ink);min-width:0;min-height:44px;color:var(--memory-ink);background:var(--memory-blue);box-shadow:0 4px 0 var(--memory-ink);-webkit-user-select:none;user-select:none;border-radius:17px;place-items:center;padding:8px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative}.memory-card[aria-disabled=true]{cursor:default}.memory-card:not([aria-disabled=true]):hover{box-shadow:0 7px 0 var(--memory-ink);background:#125d76;transform:translateY(-3px)}.memory-card:not([aria-disabled=true]):active{box-shadow:0 1px 0 var(--memory-ink);transform:translateY(3px)}.memory-card:focus-visible{z-index:2;outline-width:4px;outline-color:#9b3d09}.memory-card-number{color:#effaff;font-size:.65rem;font-weight:800;position:absolute;top:6px;left:8px}.memory-card-back{place-items:center;width:82%;height:82%;display:grid;position:relative}.memory-card-back>span{color:#f6874f;font-size:clamp(3.5rem,9vw,7.4rem);line-height:1;transform:rotate(10deg)}.memory-card-back>b{color:#0b3d4b;font-size:clamp(1.45rem,4vw,2.65rem);font-weight:950;position:absolute}.memory-card-open{background:#fffef9;box-shadow:0 4px #6d939c}.memory-card-open .memory-card-number{color:#46616a}.memory-picture{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:clamp(2rem,6vw,4.3rem);line-height:1.15;animation:.2s ease-out memory-reveal}.memory-card-matched{background:#f8ffe8;border-color:#376b35;box-shadow:0 4px #376b35}.memory-match-check{color:#fff;background:#376b35;border:1px solid #376b35;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.85rem;font-weight:900;display:grid;position:absolute;bottom:5px;right:5px}.memory-feedback{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:78px;margin-top:17px;display:flex}.memory-feedback>p{margin:0;font-size:.88rem;font-weight:800;line-height:1.5}.memory-small-button{border:1px solid var(--memory-ink);min-height:38px;color:var(--memory-ink);background:#fff;border-radius:10px;padding:7px 12px;font-size:.75rem;font-weight:800}.memory-small-button:hover{background:#fff0c7}.memory-victory{border:2px solid var(--memory-ink);background:#ffe19b;border-radius:22px;align-items:center;gap:17px;margin:0 0 22px;padding:23px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #d39d32}.memory-trophy{font-size:3.1rem;line-height:1}.memory-victory h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:950}.memory-victory .memory-kicker{margin-bottom:3px;font-size:.65rem}.memory-victory p:last-child{margin:5px 0 0;font-size:.8rem;line-height:1.45}.memory-primary{border:2px solid var(--memory-ink);color:#fff;background:var(--memory-blue);min-height:48px;box-shadow:0 4px 0 var(--memory-ink);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;margin-left:auto;padding:11px 17px;font-size:.9rem;font-weight:900;display:inline-flex;position:relative}.memory-primary:hover{background:#105770}.memory-confetti{pointer-events:none;position:absolute;inset:0}.memory-confetti>i{left:calc(8% + var(--memory-confetti-index) * 12%);color:var(--memory-orange);opacity:0;animation:1.1s ease-out memory-confetti;animation-delay:calc(var(--memory-confetti-index) * 50ms);font-size:1.1rem;font-style:normal;position:absolute;top:-20px}.memory-confetti>i:nth-child(2n){color:var(--memory-blue)}.memory-bottom-row{border-top:1px solid #b1cbd0;justify-content:space-between;align-items:center;gap:18px;padding-top:16px;display:flex}.memory-pace{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:.78rem;font-weight:800;display:inline-flex}.memory-pace input{width:20px;height:20px;accent-color:var(--memory-blue);flex-shrink:0;margin:0}.memory-pace small{color:#4a626b;margin-top:3px;font-size:.7rem;font-weight:400;display:block}.memory-keyboard{color:#4a626b;max-width:210px;margin:0;font-size:.7rem;line-height:1.5}.memory-footnote{color:#4a626b;text-align:center;margin:20px 0 0;font-size:.74rem;line-height:1.5}@keyframes memory-reveal{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes memory-confetti{0%{opacity:0;transform:translateY(-15px)rotate(0)}15%{opacity:.9}to{opacity:0;transform:translateY(145px)rotate(180deg)}}@media (max-width:700px){.memory-page{padding:0 14px 28px}.memory-topbar{min-height:60px}.memory-heading{margin:17px 0 23px}.memory-mascot{border-radius:23px;flex-basis:78px;width:78px;height:78px;margin-right:5px}.memory-mascot>span{font-size:2.9rem}.memory-mascot>i{font-size:2.1rem;top:-11px;right:-10px}.memory-settings{gap:17px;padding:17px}.memory-settings fieldset:first-child{flex-basis:100%}.memory-play{border-radius:23px;padding:18px 13px}.memory-board-12{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-board{border-radius:19px;gap:10px;padding:12px}.memory-victory{flex-wrap:wrap;gap:12px;padding:18px}.memory-primary{margin-left:0}.memory-bottom-row{align-items:flex-start}}@media (max-width:430px){.memory-page{padding-inline:10px}.memory-free{font-size:.67rem}.memory-heading{gap:8px}.memory-heading h1{font-size:clamp(2.3rem,10.2vw,3rem)}.memory-heading>div>p:last-child{font-size:.8rem}.memory-kicker{letter-spacing:.1em;font-size:.6rem}.memory-mascot{border-radius:19px;flex-basis:62px;width:62px;height:62px}.memory-mascot>span{font-size:2.3rem}.memory-settings{padding:15px 12px}.memory-choices{gap:6px}.memory-choices button{padding-inline:9px;font-size:.77rem}.memory-choices button[aria-pressed=true]{padding-inline:8.5px}.memory-choices button>span:first-child{font-size:1rem}.memory-board-heading{align-items:flex-start;gap:8px}.memory-board-heading>div{gap:7px}.memory-board-heading>div>span{font-size:1.65rem}.memory-board-heading h2{font-size:1.05rem}.memory-board-heading p{max-width:150px;font-size:.68rem;line-height:1.4}.memory-refresh{gap:4px;padding:8px;font-size:.7rem}.memory-stats{flex-wrap:wrap;gap:10px;margin-top:17px;padding:10px}.memory-progress-copy{flex:1}.memory-progress-track{flex-basis:100%;order:3;height:9px}.memory-instruction{font-size:.76rem}.memory-instruction>span:last-child{margin-top:2px;display:block}.memory-board{gap:8px;padding:9px}.memory-card{aspect-ratio:.95;border-radius:12px;padding:6px}.memory-card-number{font-size:.52rem;top:4px;left:5px}.memory-card-back>span{font-size:3.4rem}.memory-card-back>b{font-size:1.5rem}.memory-picture{font-size:clamp(1.65rem,8vw,2.8rem)}.memory-match-check{width:17px;height:17px;font-size:.68rem;bottom:3px;right:3px}.memory-feedback>p{font-size:.79rem}.memory-bottom-row{flex-direction:column;gap:8px}.memory-keyboard{max-width:none}}@media (prefers-reduced-motion:reduce){.memory-page *,.memory-page :before,.memory-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.memory-card:not([aria-disabled=true]):hover,.memory-card:not([aria-disabled=true]):active{transform:none}.memory-confetti{display:none}}@media (forced-colors:active){.memory-choices button[aria-pressed=true]{outline-offset:1px;outline:2px solid highlight}.memory-card-matched{border-style:dashed}.memory-progress-track>span{background:highlight}}
