/* Round 6 — quiet table. Tokens only. Reduced motion respected. */

:root {
  --r6-felt: #3d5c45;
  --r6-wood: #7a542c;
  --r6-ink: #2a241c;
  --r6-paper: #f6efe4;
  --r6-gold: #c9a45a;
}

body.theme-walnut { --s-felt: #4a3424; --r6-felt: #4a3424; }
body.theme-ink { --s-felt: #1c2430; --r6-felt: #1c2430; }
body.theme-moss { --s-felt: #2f4a38; --r6-felt: #2f4a38; }
body.theme-dusk { --s-felt: #3a3150; --r6-felt: #3a3150; }
body.season-fall { --r6-gold: #c47a3a; }
body.season-winter { --r6-gold: #d7e4ee; }
body.season-spring { --r6-gold: #8fbf7a; }
body.season-summer { --r6-gold: #e2b656; }

.home {
  background:
    radial-gradient(120% 80% at 10% 0%, rgba(201,164,90,.16), transparent 46%),
    radial-gradient(90% 70% at 100% 10%, rgba(90,122,168,.12), transparent 42%),
    var(--s-bg, #1c140e);
}
@media (prefers-reduced-motion: no-preference) {
  body:not(.reduce) .home {
    background-size: 140% 140%, 120% 120%, auto;
    animation: r6-drift 48s ease-in-out infinite alternate;
  }
}
@keyframes r6-drift {
  from { background-position: 0% 0%, 100% 0%, 0 0; }
  to { background-position: 80% 20%, 0% 30%, 0 0; }
}

.card .mini, .h-pick .mini, .h-feature .mini {
  position: relative;
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  body:not(.reduce) .card .mini::after,
  body:not(.reduce) .h-pick .mini::after {
    content: "";
    position: absolute;
    inset: -20%;
    background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
    transform: translateX(-70%);
    animation: r6-sheen 7.5s ease-in-out infinite;
  }
}
@keyframes r6-sheen {
  0%, 62% { transform: translateX(-70%); }
  80%, 100% { transform: translateX(70%); }
}

#continueRow {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 16px 12px;
  scroll-snap-type: x mandatory;
}
#continueRow:empty { display: none; }
.cont-card {
  scroll-snap-align: start;
  flex: 0 0 auto;
  min-height: 44px;
  border: 0;
  border-radius: 16px;
  padding: 10px 14px;
  background: var(--s-surface, #fff8ec);
  color: var(--s-ink, #2a241c);
  box-shadow: var(--s-shadow, 0 8px 18px rgba(28,20,14,.12));
  font: 600 13px/1.3 var(--s-font, system-ui);
  cursor: pointer;
}
.cont-card small { display: block; font-weight: 500; color: var(--s-mute, #6d6458); }

.r6-heat {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  gap: 4px;
  margin: 12px 0 18px;
}
.r6-heat i {
  aspect-ratio: 1;
  border-radius: 4px;
  background: rgba(201,164,90,.15);
  display: block;
}
.r6-heat i.on { background: #6aaa64; }
.r6-heat i.mid { background: #c9a45a; }

.r6-goal {
  margin-top: 8px;
  font: 600 13px/1.4 var(--s-font, system-ui);
  color: var(--s-ink, #2a241c);
}
.r6-suggest {
  margin-top: 8px;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: var(--s-surface, #fff8ec);
  color: var(--s-ink, #2a241c);
  cursor: pointer;
  font: 600 13px var(--s-font, system-ui);
}

.ch3-sq.lift .ch3-pc,
.ck3-sq.lift .ck3-pc,
.bp3-slot.lift .bp3-piece,
.dm3-h.lift .dm3-tile,
.cs3-tube.sel {
  transform: translateY(-8px) scale(1.04);
  filter: drop-shadow(0 12px 10px rgba(28,20,14,.28));
  transition: transform .16s cubic-bezier(.2,.8,.2,1), filter .16s ease;
}
.r6-settle { animation: r6-settle .32s cubic-bezier(.34,1.45,.64,1); }
@keyframes r6-settle {
  0% { transform: translateY(-10px) scale(1.04); }
  70% { transform: translateY(2px) scale(0.985); }
  100% { transform: none; }
}
.r6-shake { animation: r6-shake .36s cubic-bezier(.2,.8,.2,1); }
@keyframes r6-shake {
  20% { transform: translateX(-4px); }
  40% { transform: translateX(4px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
}
.ch3-pc, .ck3-pc, .dm3-tile, .bp3-piece, .cs3-sl { shape-rendering: geometricPrecision; }
.r6-cascade { animation: r6-pop .48s cubic-bezier(.34,1.4,.64,1) both; }
@keyframes r6-pop {
  0% { transform: translateY(6px) scale(.92); opacity: .7; }
  100% { transform: none; opacity: 1; }
}
#tools .r6-undo, #tools .r6-restart { min-height: 44px; border-radius: 999px; }
.daily-chip {
  min-height: 40px; border: 0; border-radius: 999px; padding: 8px 12px;
  background: var(--s-surface, #fff8ec); color: var(--s-ink, #2a241c);
  font: 600 12px var(--s-font, system-ui); cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  .r6-settle, .r6-shake, .r6-cascade, .home { animation: none !important; }
  .ch3-sq.lift .ch3-pc, .ck3-sq.lift .ck3-pc { transform: none; }
}