@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500;700;900&family=Nunito:wght@700;800;900;1000&display=swap');
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#f4e1e2,transparent 60%),#f6f1e7;color:#3e5b43;font-family:Nunito,'Noto Sans SC',system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ca9853;outline-offset:3px}[hidden]{display:none!important}.shell{width:min(100%,455px);padding:24px 22px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#98a080}.top .prefs{display:flex;gap:7px}.top button{border:1px solid #dbd7c7;background:#fffbf1;border-radius:50%;width:33px;height:33px;font-size:10px}header{text-align:center;margin:32px 0 25px}.eyebrow{font-size:8px;letter-spacing:3px;color:#b09b7a}h1{font-size:30px;letter-spacing:-1px;margin:12px 0 9px;font-weight:900}header p{font-size:11px;color:#a18d73;line-height:1.9;margin:0}.stats{display:flex;gap:10px;margin-bottom:14px}.stat{flex:1;background:#fffcf2;border:1px solid #fff;border-radius:15px;text-align:center;padding:12px 5px}.stat small{display:block;font-size:9px;color:#a39175}.stat strong{display:block;font-size:26px;font-weight:1000;color:#5a7652;margin-top:3px}.board{background:#d3c9b1;border:1px solid #c2b596;padding:9px;border-radius:19px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;touch-action:none;user-select:none;-webkit-user-select:none}.cell{aspect-ratio:1;border:0;border-radius:12px;background:#e9e2d0;display:grid;place-items:center;min-width:0;font-size:34px;font-weight:1000;color:#7a7658;box-shadow:0 2px 0 #8f805b10}.cell[data-value="2"]{background:#f7efdd}.cell[data-value="4"]{background:#eee3bd}.cell[data-value="8"]{background:#dfbf8e;color:#fff8df}.cell[data-value="16"]{background:#d99b86;color:#fff8df}.cell[data-value="32"]{background:#c2858d;color:#fff5df}.cell[data-value="64"]{background:#aa7184;color:#fff5df}.cell[data-value="128"]{background:#a9b78a;color:#fff9df;font-size:29px}.cell[data-value="256"]{background:#7f9c6c;color:#fff9df;font-size:29px}.cell[data-value="512"]{background:#5d855c;color:#fff9df;font-size:29px}.cell[data-value="1024"],.cell[data-value="2048"]{background:#3e664b;color:#ffe4a5;font-size:24px}.cell.large{background:#2e513d;color:#ffe4a5;font-size:23px}.cell.bump{animation:bump .18s}.status{font-size:11px;text-align:center;color:#a28e72;min-height:43px;padding:13px 0;line-height:1.7}.actions{display:flex;gap:9px;justify-content:center}.primary{border:0;background:#45694e;color:#fff6df;border-radius:13px;padding:13px 20px;font-size:12px;font-weight:900;min-height:45px}.secondary{border:1px solid #dad8c5;background:#fffaf0;border-radius:13px;padding:10px 15px;font-size:12px;font-weight:800}.directions{display:grid;grid-template-columns:repeat(3,46px);gap:5px;justify-content:center;margin-top:17px}.directions button{border:1px solid #dedaca;background:#fffaf0;border-radius:10px;height:37px;font-size:19px;color:#7c8d69}.directions button:first-child{grid-column:2}.directions button:nth-child(2){grid-column:1}.footer{font-size:7px;letter-spacing:2px;color:#b7a58a;text-align:center;margin:27px 0}.memory-board{background:#e5e7d8;border-color:#d0d7c3;gap:9px;padding:10px}.memory-card{position:relative;aspect-ratio:.87;border:0;border-radius:12px;padding:0;background:transparent;perspective:500px}.face,.back{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;backface-visibility:hidden;transition:transform .27s;box-shadow:0 3px 0 #47633d14}.face{background:#fffbf0;border:2px solid white;transform:rotateY(180deg);font-size:34px}.back{background:#7e9a75;border:2px solid #9bb092;color:#f6e2ab;font-size:25px}.memory-card.open .face,.memory-card.matched .face{transform:rotateY(0)}.memory-card.open .back,.memory-card.matched .back{transform:rotateY(-180deg)}.memory-card.matched .face{background:#f0f1dc;opacity:.7}.modal{position:fixed;inset:0;z-index:20;background:#304f3d55;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.modal>div{width:min(100%,340px);padding:30px 25px;border:2px solid white;border-radius:27px;background:#fffbef;text-align:center}.modal .symbol{font-size:43px;color:#d0a04f}.modal h2{font-size:25px;margin:12px 0}.modal p{font-size:11px;line-height:1.9;color:#a18b71;margin-bottom:24px}.modal .secondary{margin:15px 0 0;border:0;display:block;width:100%;font-size:11px}.number-label{position:absolute;font-size:9px;bottom:7px;right:9px;color:#fff5}#board{position:relative}@keyframes bump{50%{transform:scale(1.07)}}@media(max-width:370px){.shell{padding:20px 16px}.cell{font-size:30px}.board{gap:6px;padding:8px}.face{font-size:29px}.memory-board{gap:7px}header{margin:26px 0 20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}