/* ============================================================================
 * 2048 Hub — Christmas theme
 * Festive palette: pine green, holly red, gold, frost white.
 * Light snow background, warm holiday vibe.
 * ============================================================================ */

body { background: #f0f4ee; color: #1e4d2b; }
.title, .content h1, .content h2 { color: #b3132b; }
.content strong { color: #b3132b; }
.content { color: #2c4a3a; }
.hint, .lang-switch { color: #7a8e7a; }
.hint kbd { background: #b3132b; color: #f0f4ee; }
.score-box { background: #b3132b; }
.score-box .lbl { color: #f5e6c8; }
.btn { background: #1e4d2b; color: #f5e6c8; }
.btn:hover { background: #28693b; }
.btn:active { background: #143820; }
.btn.ghost { color: #1e4d2b; border-color: #1e4d2b; }

.grid { background: #b3132b; }
.cell { background: rgba(255, 255, 255, 0.35); }
.overlay { background: rgba(240, 244, 238, 0.78); }
.overlay .msg { color: #b3132b; }
.overlay .sub-msg { color: #1e4d2b; }

a { color: #b3132b; }
.site-nav { border-top-color: rgba(30, 77, 43, 0.25); }
.site-nav a { color: #b3132b; }

/* Tiles — pine → candy cane → frost */
.tile[data-v="2"]    { background: #e9efe5; color: #1e4d2b; }
.tile[data-v="4"]    { background: #d0e0c8; color: #1e4d2b; }
.tile[data-v="8"]    { background: #1e4d2b; color: #f5e6c8; }
.tile[data-v="16"]   { background: #28693b; color: #f5e6c8; }
.tile[data-v="32"]   { background: #d4a017; color: #1e4d2b; }
.tile[data-v="64"]   { background: #f5b800; color: #1e4d2b; }
.tile[data-v="128"]  { background: #b3132b; color: #fff;
                       box-shadow: 0 0 20px 5px rgba(179, 19, 43, 0.30); }
.tile[data-v="256"]  { background: #ff3a4a; color: #fff;
                       box-shadow: 0 0 25px 8px rgba(255, 58, 74, 0.35); }
.tile[data-v="512"]  { background: #ffffff; color: #b3132b;
                       box-shadow: 0 0 25px 10px rgba(255, 255, 255, 0.50); }
.tile[data-v="1024"] { background: #ffd700; color: #b3132b;
                       box-shadow: 0 0 30px 12px rgba(255, 215, 0, 0.50); }
.tile[data-v="2048"] { background: #ffeb3b; color: #b3132b;
                       box-shadow: 0 0 32px 16px rgba(255, 235, 59, 0.55); }
.tile[data-v="4096"] { background: #1e4d2b; color: #ffd700; }
.tile[data-v="8192"] { background: #0d2b18; color: #ffd700; }