/* 2048 Hub - 4th of July / Independence theme
 * US flag palette: navy + red + white + gold sparkle. */
body { background: #0a1f5c; color: #dfe7ff; }
.title, .content h1, .content h2 { color: #ffeb3b; }
.content strong { color: #fff; }
.content { color: #dfe7ff; }
.hint, .lang-switch { color: #8a99d0; }
.hint kbd { background: #08184a; color: #fff; }
.score-box { background: #08184a; }
.score-box .lbl { color: #aeb8d0; }
.btn { background: #bf0a30; color: #fff; }
.btn:hover { background: #d6081e; }
.btn:active { background: #8a0820; }
.btn.ghost { color: #fff; border-color: #fff; }
.grid { background: #08184a; }
.cell { background: rgba(255, 255, 255, 0.08); }
.overlay { background: rgba(8, 24, 74, 0.82); }
.overlay .msg { color: #ffeb3b; }
.overlay .sub-msg { color: #dfe7ff; }
a { color: #ffeb3b; }
.site-nav { border-top-color: rgba(255, 235, 59, 0.30); }
.site-nav a { color: #ffeb3b; }
.tile[data-v="2"]    { background: #fff; color: #0a1f5c; }
.tile[data-v="4"]    { background: #dfe7ff; color: #0a1f5c; }
.tile[data-v="8"]    { background: #bf0a30; color: #fff; }
.tile[data-v="16"]   { background: #a3092a; color: #fff; }
.tile[data-v="32"]   { background: #0a1f5c; color: #fff; }
.tile[data-v="64"]   { background: #08184a; color: #fff; }
.tile[data-v="128"]  { background: #ffeb3b; color: #0a1f5c;
                       box-shadow: 0 0 18px 4px rgba(255, 235, 59, 0.55); }
.tile[data-v="256"]  { background: #fff; color: #bf0a30;
                       box-shadow: 0 0 22px 6px rgba(255, 255, 255, 0.50); }
.tile[data-v="512"]  { background: #bf0a30; color: #fff;
                       box-shadow: 0 0 26px 9px rgba(191, 10, 48, 0.65); }
.tile[data-v="1024"] { background: #dfe7ff; color: #0a1f5c;
                       box-shadow: 0 0 30px 12px rgba(223, 231, 255, 0.55); }
.tile[data-v="2048"] { background: #ffeb3b; color: #bf0a30;
                       box-shadow: 0 0 36px 16px rgba(255, 235, 59, 0.70); }
.tile[data-v="4096"] { background: #c0c0c0; color: #bf0a30; }
.tile[data-v="8192"] { background: #f8f8f8; color: #bf0a30; }
