.game-container-2048{position:relative;background:#bbada0;border-radius:12px;padding:12px;margin:0 auto;width:fit-content}
.game-board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#bbada0;border-radius:8px}
.tile{width:80px;height:80px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;background:#cdc1b4;transition:transform 0.1s,background 0.1s}
.tile[data-value="2"]{background:#eee4da;color:#776e65}
.tile[data-value="4"]{background:#ede0c8;color:#776e65}
.tile[data-value="8"]{background:#f2b179;color:#fff}
.tile[data-value="16"]{background:#f59563;color:#fff}
.tile[data-value="32"]{background:#f67c5f;color:#fff}
.tile[data-value="64"]{background:#f65e3b;color:#fff}
.tile[data-value="128"]{background:#edcf72;color:#fff;font-size:28px}
.tile[data-value="256"]{background:#edcc61;color:#fff;font-size:28px}
.tile[data-value="512"]{background:#edc850;color:#fff;font-size:28px}
.tile[data-value="1024"]{background:#edc53f;color:#fff;font-size:24px}
.tile[data-value="2048"]{background:#edc22e;color:#fff;font-size:24px}
.tile[data-value="4096"]{background:#3c3a32;color:#fff;font-size:24px}
.tile[data-value="8192"]{background:#3c3a32;color:#fff;font-size:24px}
.tile.new{animation:appear 0.2s ease}
.tile.merged{animation:pop 0.2s ease}
@keyframes appear{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.score-board{display:flex;gap:12px}
.score-item{background:#bbada0;border-radius:8px;padding:8px 20px;text-align:center;min-width:80px}
.score-label{display:block;font-size:11px;color:rgba(255,255,255,0.7);text-transform:uppercase}
.score-value{display:block;font-size:22px;font-weight:700;color:#fff}
.game-controls{display:flex;gap:8px}
.ctrl-btn{padding:10px 18px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;background:#8f7a66;color:#fff;transition:all 0.2s;-webkit-tap-highlight-color:transparent}
.ctrl-btn:hover{background:#9f8b77}
.ctrl-btn.primary{background:#8f7a66}
.ctrl-btn.primary:hover{background:#7a6a5a}
.game-message{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(238,228,218,0.9);border-radius:8px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.game-message.show{display:flex}
.game-message p{font-size:36px;font-weight:700;color:#776e65}
.game-message button{padding:12px 32px;border:none;border-radius:8px;background:#8f7a66;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.game-message button:hover{background:#7a6a5a}
.game-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.game-link-card{display:block;background:#f5f5f7;padding:24px 16px;border-radius:12px;text-align:center;text-decoration:none;transition:all 0.2s}
.game-link-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
.game-link-card span{font-size:36px;display:block;margin-bottom:8px}
.game-link-card h4{font-size:15px;color:#1d1d1f;margin-bottom:4px}
.game-link-card p{font-size:12px;color:#86868b;margin:0}
@media(max-width:768px){
.game-section{padding:12px !important}
.game-header{flex-direction:column;gap:10px;margin-bottom:12px !important}
.score-board{justify-content:center}
.score-item{padding:8px 18px;min-width:80px}
.score-label{font-size:11px}
.score-value{font-size:20px}
.game-controls{justify-content:center}
.ctrl-btn{padding:12px 20px;font-size:14px;min-height:44px}
.game-container-2048{padding:8px;border-radius:10px}
.game-board-2048{gap:6px}
.tile{width:calc((100vw - 80px) / 4);height:calc((100vw - 80px) / 4);max-width:72px;max-height:72px;font-size:26px;border-radius:4px}
.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"]{font-size:22px}
.tile[data-value="1024"],.tile[data-value="2048"]{font-size:18px}
.tile[data-value="4096"],.tile[data-value="8192"]{font-size:16px}
.game-message p{font-size:28px}
.game-message button{padding:14px 28px;font-size:16px;min-height:48px}
.tips-box{margin-top:10px !important}
.tips-box p{font-size:12px}
.features{margin-top:16px !important}
.game-links{grid-template-columns:repeat(2,1fr);gap:10px}
.game-link-card{padding:16px 12px}
.game-link-card span{font-size:28px;margin-bottom:6px}
.game-link-card h4{font-size:13px}
.game-link-card p{font-size:11px}
}
@media(max-width:380px){
.tile{width:calc((100vw - 70px) / 4);height:calc((100vw - 70px) / 4);max-width:60px;max-height:60px;font-size:22px}
.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"]{font-size:18px}
.tile[data-value="1024"],.tile[data-value="2048"]{font-size:15px}
.tile[data-value="4096"],.tile[data-value="8192"]{font-size:13px}
.game-board-2048{gap:5px}
.game-container-2048{padding:6px}
.score-item{padding:6px 14px;min-width:70px}
.score-value{font-size:18px}
.ctrl-btn{padding:10px 16px;font-size:13px;min-height:42px}
}