@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/merge-2048/assets/bricolage-grotesque-latin-800-normal-J50vIsBe.woff2)format("woff2"),url(/merge-2048/assets/bricolage-grotesque-latin-800-normal-Br4b-5gk.woff)format("woff")}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/merge-2048/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/merge-2048/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f1ea;--paper:#f4f1ea;--muted:#aaa79f;--line:#303037;--accent:var(--games-accent,#c6ff3d);--on-accent:var(--games-on-accent,#0c0c10);--display:"Bricolage Grotesque", sans-serif;--games-display-font:"Bricolage Grotesque", sans-serif;background:#0c0c10;font-family:Instrument Sans Variable,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 65%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,.board:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.4}.stage{height:100dvh;padding:max(16px, env(safe-area-inset-top), env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left), env(safe-area-inset-right));place-items:center;display:grid;position:relative}.game-shell{flex-direction:column;width:min(100%,456px);min-height:0;max-height:100%;display:flex}.intro{flex:none}.title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.how-to-play{border:1px solid var(--line);min-height:44px;color:var(--paper);background:0 0;border-radius:999px;flex:none;padding:8px 14px;font-size:12px;font-weight:600}.how-to-play:hover{background:#23232a}.play-area{aspect-ratio:1;flex:0 auto;place-items:center;width:100%;min-height:0;display:grid;container-type:size}h1{font:800 clamp(44px, 10dvh, 80px) / .95 var(--display);letter-spacing:-.065em;margin:0}.scores{grid-template-columns:1fr 1fr auto;align-items:stretch;gap:10px;margin-bottom:14px;display:grid}.score-box{border:1px solid var(--line);background:#151519;border-radius:12px;flex-direction:column;gap:5px;padding:11px 14px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.score-box>span:first-child{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:9px;font-weight:600}.score-box output{font:800 clamp(16px, 25cqi, 28px) / 1 var(--display);font-variant-numeric:tabular-nums}#score-gain{color:var(--accent);font-size:9px;font-weight:700;position:absolute;top:10px;right:10px}.new-game{border:1px solid var(--line);min-width:72px;color:var(--paper);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.new-game>span{font-size:24px;line-height:1}.new-game:hover{background:#23232a}.board-wrap{--gap:10px;aspect-ratio:1;touch-action:none;width:min(100cqw,100cqh);padding:var(--gap);background:#1a1a20;border:1px solid #3a3a40;border-radius:20px;position:relative;box-shadow:0 20px 70px #0005;container-type:inline-size}.board{inset:var(--gap);gap:var(--gap);border-radius:10px;grid-template-rows:repeat(4,1fr);display:grid;position:absolute}.board-rows{display:contents}.board-row{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.cell{background:#25252d;border:1px solid #ffffff04;border-radius:10px}.tiles{inset:var(--gap);pointer-events:none;position:absolute}.tile{left:calc(var(--x) * (100% + var(--gap)) / 4);top:calc(var(--y) * (100% + var(--gap)) / 4);width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);z-index:1;position:absolute}.tile-face{color:#36352e;width:100%;height:100%;font:800 10cqi / 1 var(--display);letter-spacing:-.055em;background:#e6e2d8;border-radius:10px;place-items:center;display:grid;box-shadow:inset 0 -3px #0000000d}.tile[data-value="4"] .tile-face{background:#d9debd}.tile[data-value="8"] .tile-face{background:#d5ee92}.tile[data-value="16"] .tile-face{background:#afda60}.tile[data-value="32"] .tile-face{background:#84c477}.tile[data-value="64"] .tile-face{background:#62c3a4}.tile[data-value="128"] .tile-face{background:#66bcd1}.tile[data-value="256"] .tile-face{background:#929fe5}.tile[data-value="512"] .tile-face{background:#bea1e5}.tile[data-value="1024"] .tile-face{background:#e6a4bd}.tile[data-value="2048"] .tile-face,.tile.is-super .tile-face{background:var(--accent);color:var(--on-accent);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 25%, transparent)}.tile.is-three .tile-face{font-size:8.5cqi}.tile.is-four .tile-face{font-size:7cqi}.tile.is-long .tile-face{font-size:5.3cqi}.overlay{z-index:5;border-radius:inherit;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0c10db;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}h2{font:800 clamp(27px, 8vw, 44px) / 1.05 var(--display);letter-spacing:-.04em;margin:0}.overlay>p{max-width:250px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.primary,.secondary{border-radius:999px;min-height:44px;padding:12px 22px;font-size:14px;font-weight:700}.primary{color:var(--on-accent);background:var(--accent);border:0}.primary span{margin-left:14px}.primary:hover{filter:brightness(1.08)}.secondary{border:1px solid var(--line);color:var(--paper);background:0 0}.instructions{color:var(--muted);margin:14px 0 8px;font-size:12px;line-height:1.6}.instructions b{color:var(--paper);margin-right:6px;font-weight:600}kbd{min-width:15px;font:inherit;color:var(--paper);margin:0 1px;display:inline-block}.credit{text-align:center;color:var(--muted);flex:none;margin-top:20px;font-size:10px;line-height:1.5}a{color:inherit;text-underline-offset:3px}dialog{border:1px solid var(--line);width:min(380px,100% - 36px);color:var(--paper);background:#1a1a20;border-radius:20px;padding:24px}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a}dialog h2{font-size:30px}.stage dialog p{color:var(--muted);font-size:14px;line-height:1.6}.dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.instructions-dialog{max-height:calc(100dvh - 32px)}.instructions-dialog[open]{flex-direction:column;display:flex}.instructions-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.play-steps{color:var(--muted);gap:14px;margin:20px 0;padding-left:20px;font-size:14px;line-height:1.6;display:grid}.play-steps strong,.instructions-dialog strong{color:var(--paper)}.merge-example{justify-content:center;align-items:center;gap:12px;padding:6px 0;display:flex}.merge-example span{color:#36352e;width:48px;height:48px;font:800 28px / 1 var(--display);background:#e6e2d8;border-radius:10px;place-items:center;display:grid}.merge-example span:last-child{background:#d9debd}.merge-example b{color:var(--muted);font-weight:500}.instructions-dialog .dialog-actions{flex:none;justify-content:flex-end;margin-top:20px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=280px){.overlay{gap:8px;padding:12px}.overlay h2{font-size:24px}.overlay>p{font-size:11px;line-height:1.4}}@media (max-width:360px),(max-height:650px){.stage{padding-block:max(12px, env(safe-area-inset-top), env(safe-area-inset-bottom));padding-inline:12px}.instructions{margin-block:10px 12px;font-size:11px}.scores{gap:8px;margin-bottom:10px}.score-box{padding:9px 10px}.score-box>span:first-child{letter-spacing:.04em;font-size:8px}.board-wrap{--gap:8px;border-radius:16px}.credit{margin-top:12px;font-size:9px}}@media (min-aspect-ratio:6/5) and (max-height:600px){.game-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px 24px;width:min(960px,100%);display:grid}.intro{align-self:center}.play-area{grid-area:1/2/3;height:100%}.credit{text-align:left;grid-area:2/1;margin:16px 0 0}.scores{margin-bottom:0}}@media (min-aspect-ratio:6/5) and (max-height:360px){.overlay>p{display:none}.overlay h2{font-size:22px}}@container (width<=220px){.overlay{gap:6px;padding:10px}.overlay>p{display:none}.overlay h2{font-size:22px}.overlay button{padding:10px 16px;font-size:12px}}.instructions:has(+.instructions-detail){margin-bottom:6px}.instructions-detail{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}@media (max-width:539px) and (max-height:740px),(min-aspect-ratio:6/5) and (max-height:600px){.stage{padding-block:max(64px, env(safe-area-inset-top), env(safe-area-inset-bottom))}}@media (min-aspect-ratio:6/5) and (max-height:360px){h1{font-size:36px}.instructions{margin-block:6px 4px}.instructions-detail{margin-bottom:8px;font-size:10px;line-height:1.5}}