/* DAJAI DARK reskin for 2048 (loaded after main.css; overrides palette only).
   Original game: gabrielecirulli/2048 (MIT). Gameplay untouched. */
html, body { background: #06060a !important; color: #f4f1ea !important; }
body { font-family: var(--font-space-mono), "Clear Sans", "Helvetica Neue", Arial, sans-serif; }
.container { color: #f4f1ea; }
h1.title { color: #fff; font-weight: 800; letter-spacing: .01em; text-shadow: 0 2px 24px rgba(224,38,74,.35); }
.score-container, .best-container { background: #15151e !important; color: #e8c87a; box-shadow: none; }
.score-container:after, .best-container:after { color: #9a96a6; }
.score-container .score-addition { color: rgba(232,200,122,.9); }
.game-intro, p, .game-explanation { color: #9a96a6 !important; }
.game-explanation a, a { color: #e8c87a; }
.restart-button, .retry-button, a.restart-button {
  background: #E0264A !important; color: #fff !important; border: none;
  box-shadow: 0 6px 20px rgba(224,38,74,.3);
}
.restart-button:hover, .retry-button:hover { background: #c71f40 !important; }

/* board */
.game-container { background: #0c0c12 !important; border: 1px solid #1a1a24; }
.grid-container { background: transparent !important; }
.grid-cell { background: #15151e !important; }
.tile .tile-inner { color: #f4f1ea; background: #1a1a24; }

/* tile ramp: dark surfaces -> blood red -> gold */
.tile.tile-2 .tile-inner    { background: #15151e; color: #cfcad6; }
.tile.tile-4 .tile-inner    { background: #1f1a26; color: #e6e1ec; }
.tile.tile-8 .tile-inner    { background: #3a1420; color: #fff; }
.tile.tile-16 .tile-inner   { background: #5a1226; color: #fff; }
.tile.tile-32 .tile-inner   { background: #841531; color: #fff; }
.tile.tile-64 .tile-inner   { background: #b21a3c; color: #fff; }
.tile.tile-128 .tile-inner  { background: #E0264A; color: #fff; box-shadow: 0 0 24px rgba(224,38,74,.45); }
.tile.tile-256 .tile-inner  { background: #e8476a; color: #fff; box-shadow: 0 0 28px rgba(224,38,74,.5); }
.tile.tile-512 .tile-inner  { background: #cf9f4f; color: #1a1209; box-shadow: 0 0 30px rgba(207,159,79,.45); }
.tile.tile-1024 .tile-inner { background: #e8c87a; color: #1a1209; box-shadow: 0 0 34px rgba(232,200,122,.5); font-size: 38px; }
.tile.tile-2048 .tile-inner { background: #f3d98a; color: #1a1209; box-shadow: 0 0 44px rgba(243,217,138,.65); font-size: 38px; }
.tile.tile-super .tile-inner{ background: #0c0c12; color: #e8c87a; border: 1px solid rgba(232,200,122,.6); }

/* win / lose overlay */
.game-message { background: rgba(6,6,10,.86) !important; color: #fff; }
.game-message p { color: #fff !important; font-weight: 800; }
.game-message.game-won { background: rgba(232,200,122,.18) !important; }
.game-message a { color: #fff; }