/* ============================================================================
 * 2048 Hub — Classic theme
 * Default 2048 colour palette (light cream → warm orange).
 * ============================================================================ */

.tile[data-v="2"]    { background: #eee4da; }
.tile[data-v="4"]    { background: #ede0c8; }
.tile[data-v="8"]    { background: #f2b179; color: #f9f6f2; }
.tile[data-v="16"]   { background: #f59563; color: #f9f6f2; }
.tile[data-v="32"]   { background: #f67c5f; color: #f9f6f2; }
.tile[data-v="64"]   { background: #f65e3b; color: #f9f6f2; }
.tile[data-v="128"]  { background: #edcf72; color: #f9f6f2;
                       box-shadow: 0 0 20px 5px rgba(243, 215, 116, 0.30); }
.tile[data-v="256"]  { background: #edcc61; color: #f9f6f2;
                       box-shadow: 0 0 25px 8px rgba(243, 215, 116, 0.35); }
.tile[data-v="512"]  { background: #edc850; color: #f9f6f2;
                       box-shadow: 0 0 25px 10px rgba(243, 215, 116, 0.40); }
.tile[data-v="1024"] { background: #edc53f; color: #f9f6f2;
                       box-shadow: 0 0 30px 12px rgba(243, 215, 116, 0.45); }
.tile[data-v="2048"] { background: #edc22e; color: #f9f6f2;
                       box-shadow: 0 0 30px 14px rgba(243, 215, 116, 0.50); }
.tile[data-v="4096"] { background: #3c3a32; color: #f9f6f2; }
.tile[data-v="8192"] { background: #2a2820; color: #f9f6f2; }
.tile[data-v="16384"]{ background: #1a1810; color: #edc22e; }