/* Porch atmosphere — original, static materials only. The layout, touch zones,
   avatar sizes and all game-state colors keep their established behavior.
   Timber stays outside the plain teal playing felt; no downloaded artwork. */
html { background-color:#172526; }
body {
  background:radial-gradient(ellipse at 12% 0, #c78b4530, transparent 60%),
    repeating-linear-gradient(0deg, transparent 0 83px, #0d181a66 84px 86px),
    linear-gradient(135deg, #343a32, #172b2b);
}
.home-screen {
  background:radial-gradient(ellipse at 15% 0, #d9a65b20, transparent 64%),
    repeating-linear-gradient(2deg, #ffebc505 0 1px, transparent 1px 11px),
    linear-gradient(135deg, #303c33, #172d2d);
  border-color:#987453;
  box-shadow:inset 0 1px 0 #f2d09955, inset 0 -1px 0 #0a171b88, 0 8px 12px #08141733;
}
.home-brand h1 { color:#fff1d5; text-shadow:0 2px 0 #132524; }
.home-brand h1 span { color:#efd099; }
.home-brand .eyebrow { color:#e3bd7c; }
.home-invitation, .home-status, .home-footnote { color:#d7d8c5; }
.home-screen .home-choice.secondary,
.home-screen .home-tools .button,
.home-screen .home-music .button {
  background:linear-gradient(180deg, #29423f, #1d3536);
  border-color:#9a8866;
  color:#fff1d5;
  box-shadow:inset 0 1px 0 #c8e1c512;
}
.home-screen .home-choice.secondary:hover,
.home-screen .home-tools .button:hover,
.home-screen .home-music .button:hover { background:#35514b; border-color:#e2bf82; }
.home-screen .home-choice.secondary span { color:#d9dfd1; }
.home-screen .home-choice.primary {
  background:linear-gradient(180deg, #eed19a, #d8b574);
  color:#2a2318;
  border-color:#fff0bd;
  box-shadow:inset 0 1px 0 #fff8d6, 0 2px 0 #71563a;
}
.home-screen .home-choice.primary span { color:#403522; }
body[data-table-layout] .game-card, body[data-table-layout].hand-setup .game-card, body[data-table-layout] .game-card:has(> .event-cue:not([hidden])) { background:repeating-linear-gradient(2deg, #ffebc505 0 1px, transparent 1px 11px),linear-gradient(135deg, #554536, #302f29); border-color:#987153; }
.game-toolbar {
  background:repeating-linear-gradient(3deg, #ffe4b407 0 1px, transparent 1px 9px),
    linear-gradient(180deg, #634a39, #3f332c);
  border-bottom-color:#c8a26e;
  box-shadow:inset 0 1px 0 #eac78c55;
}
.toolbar-actions { background:linear-gradient(180deg, #493b2f, #302e28); border-bottom-color:#a8895555; }
.score-strip { background:#263a35; }
.score-chip { background:#263a35; text-shadow:0 1px 0 #101e1b; }
.score-chip .rail-name, .score-chip .name { color:#fff1d5; }
.score-chip .points { color:#f3d083; }
.score-chip.current { background:linear-gradient(130deg, #544a35, #2b5145); border-top-color:#f3d083; }
.score-chip.current .rail-name, .score-chip.current .name { color:#fff1d5; }
.score-chip .player-avatar { border-color:#d0b780; box-shadow:0 2px 4px #0a191955; }
/* The playing area is deliberately free of timber, grain, light patches and
   faux objects: ivory dominoes and their matching ends remain easy to read. */
body .table-wrap, body.friends-play .table-wrap, body .game-card .board-surface {
  background:linear-gradient(135deg, #24585b, #183f47);
  border-left-color:#77553d;
  border-right-color:#77553d;
  box-shadow:inset 0 0 0 1px #d5b681, inset 0 0 0 4px #664934, inset 0 0 0 5px #241f1b;
}
.seat-you { background:linear-gradient(180deg, #203a38, #162c2e); border-top-color:#b99b6766; }
.seat-you::after { background:linear-gradient(180deg, #82603f, #4e3b2c); border-color:#d8b477; box-shadow:0 -1px 0 #1a302d; }
/* Respect system high-contrast colors without changing any box or hit area. */
@media (forced-colors:active) {
  body, .home-screen, .game-card, .game-toolbar, .toolbar-actions, .score-strip,
  .score-chip, .score-chip.current, body .table-wrap, body.friends-play .table-wrap,
  .seat-you, .seat-you::after, body[data-table-layout] .game-card, body[data-table-layout].hand-setup .game-card, body[data-table-layout] .game-card:has(> .event-cue:not([hidden])), body .game-card .board-surface { background:Canvas; box-shadow:none; }
  .home-brand h1, .home-brand h1 span, .home-brand .eyebrow, .home-invitation,
  .home-status, .home-footnote, .score-chip .rail-name, .score-chip .name,
  .score-chip .points, .score-chip.current .rail-name, .score-chip.current .name { color:CanvasText; text-shadow:none; }
  .home-screen .home-choice.secondary, .home-screen .home-tools .button,
  .home-screen .home-music .button, .home-screen .home-choice.primary { background:ButtonFace; color:ButtonText; border-color:ButtonText; box-shadow:none; }
  .home-screen .home-choice.secondary span, .home-screen .home-choice.primary span { color:ButtonText; }
}