.m2048{--bg-start: #fbf8f1;--bg-end: #f0e5cf;--ink: #2f2820;--muted: #70624f;--panel: rgba(255, 255, 255, .88);--panel-border: rgba(138, 118, 93, .2);--tile-empty: #d8cbb4;--btn-bg: #7b5e3a;--btn-bg-hover: #654b2a;--btn-secondary: #ece2d1;--btn-secondary-hover: #ddd0bb;color:var(--ink);font-family:Manrope,Segoe UI,Tahoma,sans-serif;max-width:980px;margin:0 auto;padding:clamp(1rem,2vw,1.5rem)}.m2048__hero,.m2048__panel,.m2048__notes,.m2048__seo{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 18px 40px #30231414;padding:clamp(1rem,2.8vw,1.6rem)}.m2048__hero,.m2048__panel,.m2048__notes{margin-bottom:1rem}.m2048__hero{background-image:linear-gradient(140deg,var(--bg-start),var(--bg-end))}.m2048__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.m2048__hero h1{margin:.45rem 0 0;font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.m2048__lead{margin:.85rem 0 0;max-width:62ch;color:#4a3f31;line-height:1.55}.m2048__panel{display:grid;gap:1rem;background-image:radial-gradient(circle at 18% 5%,#fff9ea,#fff7e9 30%,#fff)}.m2048__hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.65rem}.m2048__hud p{margin:0;border-radius:12px;padding:.52rem .62rem;background:#785c3414;font-size:.95rem}.m2048__arena{display:grid;gap:.85rem}.m2048__board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.38rem,1vw,.6rem);width:min(100%,500px);margin:0 auto;padding:clamp(.45rem,1.2vw,.75rem);border-radius:16px;background:#b9a789;touch-action:none;user-select:none}.m2048__cell{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(1rem,2.3vw,1.6rem);font-weight:700;background:var(--tile-empty);color:transparent;transition:transform .12s ease,background-color .18s ease}.m2048__cell.is-filled{color:#3b3024;transform:translateY(-1px)}.m2048__cell.is-v2{background:#f4e9d8}.m2048__cell.is-v4{background:#efddb9}.m2048__cell.is-v8{background:#f0c68a;color:#fffaf3}.m2048__cell.is-v16{background:#f2b06c;color:#fffaf3}.m2048__cell.is-v32{background:#ea954b;color:#fffaf3}.m2048__cell.is-v64{background:#e68135;color:#fffaf3}.m2048__cell.is-v128{background:#d8bf4d;color:#fffaf3;font-size:clamp(.9rem,2vw,1.4rem)}.m2048__cell.is-v256{background:#cfb13f;color:#fffaf3;font-size:clamp(.9rem,1.9vw,1.35rem)}.m2048__cell.is-v512{background:#c5a532;color:#fffaf3;font-size:clamp(.85rem,1.85vw,1.3rem)}.m2048__cell.is-v1024{background:#b78624;color:#fffaf3;font-size:clamp(.75rem,1.65vw,1.15rem)}.m2048__cell.is-v2048,.m2048__cell.is-v4096{background:#9f6721;color:#fffaf3;font-size:clamp(.73rem,1.45vw,1.02rem)}.m2048__status{margin:0;min-height:1.4em;text-align:center;color:#5f503a;font-size:.95rem}.m2048__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}.m2048 button{appearance:none;border:0;border-radius:12px;min-height:44px;padding:.62rem .9rem;font-family:inherit;font-weight:700;font-size:.96rem;cursor:pointer}#merge-new{background:var(--btn-bg);color:#fff}#merge-new:hover{background:var(--btn-bg-hover)}#merge-keep{background:#d18b2e;color:#fff9ef}#merge-keep:hover{background:#b97825}#merge-reset-best{background:var(--btn-secondary);color:#4d3d2a}#merge-reset-best:hover{background:var(--btn-secondary-hover)}.m2048__pad{width:min(100%,320px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;grid-template-areas:". up ." "left down right"}#merge-up{grid-area:up}#merge-left{grid-area:left}#merge-down{grid-area:down}#merge-right{grid-area:right}.m2048__pad button{background:#efe4d4;color:#423626}.m2048__pad button:hover{background:#e2d3be}.m2048__notes h2,.m2048__seo h2{margin:0;font-family:Space Grotesk,Manrope,sans-serif;font-size:1.4rem}.m2048__notes ol{margin:.75rem 0 0;padding-left:1.1rem;line-height:1.55}.m2048__seo p{margin:.72rem 0 0;line-height:1.58;color:#453929}@media(max-width:640px){.m2048{padding:.85rem}.m2048__hud{grid-template-columns:repeat(2,minmax(0,1fr))}.m2048__cell{border-radius:10px}.m2048__actions{grid-template-columns:1fr}}
