.merge-page .merge-console{display:grid;grid-template-areas:"status action" "board board" "hint hint" "legend legend";grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem}.merge-page .merge-console .console-topline{grid-area:status}.merge-page .merge-console .console-controls{grid-area:action}.merge-page .merge-console .console-controls p{display:none}.merge-page .merge-stage{grid-area:board;position:relative;overflow:hidden;border-radius:1.45rem;isolation:isolate}.merge-page .merge-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(.45rem,1vw,.7rem);margin:0;padding:clamp(.65rem,1.4vw,.95rem);overflow:hidden;border-radius:1.45rem;background:radial-gradient(circle at 50% 20%,rgba(185,152,255,.08),transparent 45%),#11141b}.merge-page .merge-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.45rem,1vw,.7rem);min-width:0;min-height:0}.merge-page .merge-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.merge-page .merge-grid:after{position:absolute;z-index:8;top:44%;left:50%;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:#0e1116d1;color:#fff;content:attr(data-gain);font-family:var(--mono);font-size:.72rem;font-weight:750;letter-spacing:.08em;opacity:0;pointer-events:none;transform:translate(-50%,.5rem) scale(.9)}.merge-page .merge-grid[data-gain]:not([data-gain=""]):after{animation:merge-gain .65s cubic-bezier(.18,.85,.25,1)}.merge-page .merge-overlay{position:absolute;z-index:10;inset:0;display:grid;align-content:center;justify-items:center;padding:clamp(1rem,4vw,2.6rem);background:radial-gradient(circle at 50% 35%,rgba(185,152,255,.24),transparent 38%),linear-gradient(180deg,#090b11c2,#090b11f0);color:#fff;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.merge-page .merge-overlay[hidden]{display:none}.merge-page .merge-overlay>p:first-child,.merge-page .merge-result{margin:0;color:#d8c4ff;font-family:var(--mono);font-size:clamp(.54rem,1.4vw,.68rem);font-weight:760;letter-spacing:.16em;text-transform:uppercase}.merge-page .merge-overlay h2{max-width:11ch;margin:.65rem 0 0;color:#fff;font-size:clamp(2rem,6vw,4.4rem);letter-spacing:-.065em;line-height:.9}.merge-page .merge-overlay>p:not(:first-child):not(.merge-result){max-width:25rem;margin:1rem 0 0;color:#ffffffb8;font-size:clamp(.78rem,1.8vw,.98rem)}.merge-page .merge-result{margin-top:1.15rem;color:#fff}.merge-page .merge-overlay-action{min-width:min(14rem,82%);margin-top:1.35rem;border-radius:999px;background:#b998ff;box-shadow:0 .8rem 2.4rem #b998ff52}.merge-page .merge-tile{position:relative;overflow:hidden;border:0;border-radius:clamp(.65rem,1.2vw,.9rem);background:linear-gradient(145deg,#20242e,#171a22);box-shadow:inset 0 1px #ffffff17,inset 0 -.35rem #00000029,0 .35rem .85rem #0000002e;color:#fff;font-size:clamp(1rem,3.6vw,2.7rem);font-weight:820;letter-spacing:-.055em;transition:transform .17s ease,box-shadow .17s ease,background-color .16s ease}.merge-page .merge-tile:not([data-value=""]):after{position:absolute;inset:.28rem;border:1px solid rgba(255,255,255,.2);border-radius:calc(clamp(.65rem,1.2vw,.9rem) - .15rem);content:"";pointer-events:none}.merge-page .merge-tile[data-preview=true]{opacity:.76}.merge-page .merge-tile[data-state=new]{animation:merge-pop .26s cubic-bezier(.2,.9,.2,1);box-shadow:inset 0 1px #ffffff59,inset 0 -.35rem #00000024,0 0 1.8rem #b998ff80}.merge-page .merge-tile[data-value="2"]{background:linear-gradient(145deg,#fffdf8,#e9e3db)}.merge-page .merge-tile[data-value="4"]{background:linear-gradient(145deg,#eee4ff,#cdb6f5)}.merge-page .merge-tile[data-value="8"]{background:linear-gradient(145deg,#ffd79f,#ffad53)}.merge-page .merge-tile[data-value="16"]{background:linear-gradient(145deg,#ff9e45,#e76c0e)}.merge-page .merge-tile[data-value="32"]{background:linear-gradient(145deg,#ff9fca,#d95891)}.merge-page .merge-tile[data-value="64"]{background:linear-gradient(145deg,#70b2ff,#2769c7)}.merge-page .merge-tile[data-value="128"]{background:linear-gradient(145deg,#baf4ce,#5cb982)}.merge-page .merge-tile[data-value="256"]{background:linear-gradient(145deg,#ffe883,#e7b72c)}.merge-page .merge-tile[data-value="512"]{background:linear-gradient(145deg,#f27a6f,#bd3932)}.merge-page .merge-tile[data-value="1024"],.merge-page .merge-tile[data-value="2048"],.merge-page .merge-tile[data-value="4096"]{background:linear-gradient(145deg,#fff,#e8deff);color:#10131a;text-shadow:0 0 .4rem rgba(255,255,255,.3)}.merge-page .assist-hint{grid-area:hint;min-height:1.15rem;margin:-.1rem 0 0;color:#0e11169e;font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase}.merge-page .merge-legend{display:flex;grid-area:legend;gap:.45rem;align-items:center;min-width:0;margin:0;padding-top:.1rem;color:#0e111685;font-family:var(--mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.merge-page .merge-legend span{flex:0 0 auto}.merge-page .merge-legend i{flex:1;min-width:.4rem;height:.42rem;border-radius:999px;background:#f5efe8}.merge-page .merge-legend i:nth-of-type(2){background:#c5a6ff}.merge-page .merge-legend i:nth-of-type(3){background:#f2811d}.merge-page .merge-legend i:nth-of-type(4){background:#ef7caa}.merge-page .merge-legend i:nth-of-type(5){background:#357bd8}.merge-page .merge-legend i:nth-of-type(6){background:#8cdaa9}.merge-page .merge-legend i:nth-of-type(7){background:#f6d86b}.merge-page .merge-legend i:nth-of-type(8){background:#fff;box-shadow:0 0 .5rem #b998ff8c}@keyframes merge-pop{0%{opacity:.35;transform:scale(.72) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes merge-gain{0%{opacity:0;transform:translate(-50%,.7rem) scale(.86)}22%,62%{opacity:1}to{opacity:0;transform:translate(-50%,-1.2rem) scale(1.08)}}@media(max-width:520px){.merge-page .merge-console{grid-template-areas:"status status" "action action" "board board" "hint hint" "legend legend"}.merge-page .merge-console .console-controls,.merge-page .merge-console .start-button{width:100%}.merge-page .merge-overlay{padding:.85rem}.merge-page .merge-overlay h2{font-size:clamp(2rem,12vw,3.1rem)}.merge-page .merge-overlay-action{min-height:3.2rem;margin-top:1rem}.merge-page .merge-legend span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.merge-page .merge-grid[data-gain]:not([data-gain=""]):after,.merge-page .merge-tile[data-state=new]{animation:none}.merge-page .merge-tile{transition:background-color .16s ease}}