/* Styles of tool: 2048 Game */
.g2{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:380px;margin:0 auto;padding:8px;background:#bbada0;border-radius:6px;touch-action:none;direction:ltr}
.g2 .t{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#cdc1b4;font-weight:700;font-size:1.6rem;color:#776e65}
.g2 .t2{background:#eee4da}.g2 .t4{background:#ede0c8}.g2 .t8{background:#f2b179;color:#fff}.g2 .t16{background:#f59563;color:#fff}
.g2 .t32{background:#f67c5f;color:#fff}.g2 .t64{background:#f65e3b;color:#fff}.g2 .t128{background:#edcf72;color:#fff;font-size:1.35rem}
.g2 .t256{background:#edcc61;color:#fff;font-size:1.35rem}.g2 .t512{background:#edc850;color:#fff;font-size:1.35rem}
.g2 .t1024,.g2 .t2048,.g2 .t4096{background:#edc53f;color:#fff;font-size:1.1rem}

/* Direction buttons: centered cross (up on top, left/right middle, down bottom) */
#g2-pad{display:grid;grid-template-columns:repeat(3,58px);grid-template-areas:". up ." "left down right";gap:10px;justify-content:center;margin:22px auto 6px;max-width:220px}
#g2-pad [data-d="u"]{grid-area:up}
#g2-pad [data-d="l"]{grid-area:left}
#g2-pad [data-d="d"]{grid-area:down}
#g2-pad [data-d="r"]{grid-area:right}
.tool-box #g2-pad button{width:58px;height:58px;padding:0!important;font-size:1.4rem;border-radius:12px!important;background:var(--bg)!important;color:var(--primary-d)!important;border:1px solid var(--border-soft)!important;border-bottom:3px solid #d7deea!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
.tool-box #g2-pad button:hover{background:var(--light)!important}
.tool-box #g2-pad button:active{transform:translateY(2px)!important;border-bottom-width:1px!important}
@media(hover:hover) and (min-width:861px){#g2-pad{display:grid}}