html.thanksgiving body { background-color: #1a0f08; background-image: radial-gradient(ellipse 80% 50% at 12% 0%, rgba(232,137,28,.26), transparent 60%), radial-gradient(ellipse 70% 45% at 92% 8%, rgba(194,65,12,.26), transparent 60%), radial-gradient(ellipse 90% 40% at 50% 100%, rgba(163,163,42,.12), transparent 65%), radial-gradient(ellipse 60% 30% at 20% 100%, rgba(232,137,28,.14), transparent 65%); }
html.thanksgiving body::before { content: ''; position: fixed; top: 70px; right: 6vw; width: 110px; height: 110px; border-radius: 50%; z-index: -1; pointer-events: none; background: radial-gradient(circle at 35% 35%, #ffe9b8, #ffb84d 60%, #e8891c); box-shadow: 0 0 40px 12px rgba(255,170,70,.28), 0 0 120px 40px rgba(232,120,28,.16); opacity: .85; }
html.thanksgiving .top { background: rgba(26,15,8,.88); border-bottom-color: #5a3a22; }
html.thanksgiving .top .px { background: linear-gradient(90deg, #f5b942, #e8891c); -webkit-background-clip: text; background-clip: text; }
html.thanksgiving .top .ex { color: #e8891c; }
html.thanksgiving .card, html.thanksgiving .tot, html.thanksgiving .stat, html.thanksgiving .chartbox, html.thanksgiving .hero, html.thanksgiving .wdbox, html.thanksgiving .ddmenu, html.thanksgiving .room, html.thanksgiving .bdg, html.thanksgiving .doc, html.thanksgiving input, html.thanksgiving select { background-color: #2a1a10; border-color: #5a3a22; }
html.thanksgiving #bar2, html.thanksgiving .ranges { background: #21140b; border-color: #5a3a22; }
html.thanksgiving .card:hover, html.thanksgiving .bdg:hover { border-color: #e8891c; }
html.thanksgiving button.active, html.thanksgiving .top button.active, html.thanksgiving .ranges button.active, html.thanksgiving .furnictl button.active { background: #e8891c; border-color: #e8891c; color: #1f1000; }
html.thanksgiving .top button:hover { background: #43291a; }
html.thanksgiving .doc h2, html.thanksgiving .doc a, html.thanksgiving .back:hover { color: #f5b942; }

.tgbar { display: none; }
html.thanksgiving .tgbar { display: block; text-align: center; padding: 5px 10px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: #ffe3b0; background: linear-gradient(90deg, #5a2a0a, #a3430a 50%, #5a2a0a); border-bottom: 1px solid #5a3a22; }

.leaves { display: none; }
html.thanksgiving .leaves { display: block; position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.leaves i { position: absolute; top: 0; left: var(--x); width: var(--s); height: var(--s); opacity: .55; background: center / contain no-repeat; animation: leafmove var(--d) linear var(--dl) infinite, leafspin var(--sp) linear infinite; }
.leaves i.k1 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Cpath fill='%23d9590a' d='M20 2C32 12 36 26 20 44C4 26 8 12 20 2Z'/%3E%3Cpath stroke='%23702c05' stroke-width='1.5' fill='none' d='M20 8V50'/%3E%3C/svg%3E"); }
.leaves i.k2 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Cpath fill='%23b3341a' d='M20 2C32 12 36 26 20 44C4 26 8 12 20 2Z'/%3E%3Cpath stroke='%235a140a' stroke-width='1.5' fill='none' d='M20 8V50'/%3E%3C/svg%3E"); }
.leaves i.k3 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Cpath fill='%23e8a21e' d='M20 2C32 12 36 26 20 44C4 26 8 12 20 2Z'/%3E%3Cpath stroke='%238a5a05' stroke-width='1.5' fill='none' d='M20 8V50'/%3E%3C/svg%3E"); }
.leaves i.k4 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Cpath fill='%238a6a2a' d='M20 2C32 12 36 26 20 44C4 26 8 12 20 2Z'/%3E%3Cpath stroke='%234a3510' stroke-width='1.5' fill='none' d='M20 8V50'/%3E%3C/svg%3E"); }
.leaves i.k5 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Cpath fill='%23a3a32a' d='M20 2C32 12 36 26 20 44C4 26 8 12 20 2Z'/%3E%3Cpath stroke='%235a5a10' stroke-width='1.5' fill='none' d='M20 8V50'/%3E%3C/svg%3E"); }
@keyframes leafmove {
  0% { translate: 0 -40px; }
  33% { translate: calc(var(--dx) * .6) 33vh; }
  66% { translate: calc(var(--dx) * -.4) 66vh; }
  100% { translate: calc(var(--dx) * .3) calc(100vh + 40px); }
}
@keyframes leafspin { to { rotate: 360deg; } }
.leaves i.a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 50'%3E%3Crect x='19' y='1' width='2.5' height='6' fill='%236b4423'/%3E%3Cpath fill='%23b5793b' d='M10 20H30Q30 44 20 48Q10 44 10 20Z'/%3E%3Cpath fill='%236b4423' d='M7 21Q7 6 20 6Q33 6 33 21Z'/%3E%3C/svg%3E"); }
.leaves i.pk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='%232f6b2a' d='M46 22Q47 9 58 5L61 10Q55 13 55 22Z'/%3E%3Cellipse cx='27' cy='54' rx='24' ry='32' fill='%23d9590a'/%3E%3Cellipse cx='73' cy='54' rx='24' ry='32' fill='%23d9590a'/%3E%3Cellipse cx='50' cy='54' rx='28' ry='35' fill='%23f97316'/%3E%3C/svg%3E"); }

.garland { display: none; }
html.thanksgiving .garland { display: block; position: absolute; left: 0; right: 0; top: 100%; height: 32px; pointer-events: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 32'%3E%3Cpath d='M0 3Q60 27 120 3' stroke='%238a5a25' stroke-width='2' fill='none'/%3E%3Cellipse cx='12' cy='11' rx='3' ry='6' fill='%23e8a21e' transform='rotate(-25 12 7)'/%3E%3Cellipse cx='30' cy='16' rx='3' ry='6' fill='%23d9590a' transform='rotate(20 30 12)'/%3E%3Cellipse cx='44' cy='20' rx='3' ry='6' fill='%23b3341a' transform='rotate(-15 44 16)'/%3E%3Crect x='59' y='12' width='2' height='4' fill='%232f6b2a'/%3E%3Cellipse cx='60' cy='20' rx='7' ry='6' fill='%23f97316'/%3E%3Cellipse cx='76' cy='20' rx='3' ry='6' fill='%23a3a32a' transform='rotate(15 76 16)'/%3E%3Cellipse cx='90' cy='16' rx='3' ry='6' fill='%23e8891c' transform='rotate(-20 90 12)'/%3E%3Cellipse cx='108' cy='11' rx='3' ry='6' fill='%23b3341a' transform='rotate(25 108 7)'/%3E%3C/svg%3E") repeat-x top left / 120px 32px; }

.harvest { display: flex; justify-content: center; align-items: flex-end; gap: 1.2rem; padding: 1.5rem 1rem 0; }
.harvest i { display: block; width: 84px; height: 76px; cursor: pointer; background: center bottom / contain no-repeat; filter: drop-shadow(0 0 10px rgba(255,160,40,.4)); }
.harvest i.t { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cellipse cx='50' cy='30' rx='9' ry='26' fill='%23b3341a' transform='rotate(-70 50 58)'/%3E%3Cellipse cx='50' cy='30' rx='9' ry='26' fill='%23e8891c' transform='rotate(-35 50 58)'/%3E%3Cellipse cx='50' cy='30' rx='9' ry='26' fill='%23f5b942'/%3E%3Cellipse cx='50' cy='30' rx='9' ry='26' fill='%23e8891c' transform='rotate(35 50 58)'/%3E%3Cellipse cx='50' cy='30' rx='9' ry='26' fill='%23b3341a' transform='rotate(70 50 58)'/%3E%3Cellipse cx='50' cy='62' rx='21' ry='22' fill='%237a4a24'/%3E%3Cellipse cx='50' cy='66' rx='13' ry='14' fill='%23a06a38'/%3E%3Ccircle cx='50' cy='42' r='10' fill='%237a4a24'/%3E%3Cpath fill='%23f5b942' d='M47 42H53L50 49Z'/%3E%3Cpath fill='%23d62828' d='M48 48Q50 57 52 48Z'/%3E%3Ccircle cx='46.5' cy='38' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='53.5' cy='38' r='1.6' fill='%23ffffff'/%3E%3Ccircle cx='46.5' cy='38' r='.8' fill='%23000000'/%3E%3Ccircle cx='53.5' cy='38' r='.8' fill='%23000000'/%3E%3Cpath stroke='%23e8891c' stroke-width='3' stroke-linecap='round' d='M42 83V88M58 83V88'/%3E%3C/svg%3E"); }
.harvest i.p { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90'%3E%3Cpath fill='%232f6b2a' d='M46 22Q47 9 58 5L61 10Q55 13 55 22Z'/%3E%3Cellipse cx='27' cy='54' rx='24' ry='32' fill='%23d9590a'/%3E%3Cellipse cx='73' cy='54' rx='24' ry='32' fill='%23d9590a'/%3E%3Cellipse cx='50' cy='54' rx='28' ry='35' fill='%23f97316'/%3E%3Cpath stroke='%23d9590a' stroke-width='2' fill='none' d='M50 20Q42 54 50 89M50 20Q34 54 40 86M50 20Q66 54 60 86'/%3E%3C/svg%3E"); }
.harvest i:nth-child(2), .harvest i:nth-child(4) { width: 62px; height: 56px; }
.harvest i:nth-child(3) { width: 108px; height: 98px; }
.harvest i.jump { animation: tjump .5s ease-out; }
@keyframes tjump { 0%, 100% { transform: translateY(0) scale(1); } 30% { transform: translateY(-14px) scale(1.08, .94); } 60% { transform: translateY(0) scale(.95, 1.06); } }

.tpop { position: absolute; z-index: 6; transform: translate(-50%, -100%); pointer-events: none; }
.tpop span { position: relative; display: block; margin-bottom: 10px; padding: 5px 11px; border-radius: 12px; background: #fff7e6; color: #2a1305; font-size: 13px; font-weight: 700; white-space: nowrap; opacity: 0; animation: tbubble 2.2s ease-out forwards; }
.tpop span::after { content: ''; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border: 6px solid transparent; border-bottom: 0; border-top-color: #fff7e6; }
@keyframes tbubble {
  0% { transform: scale(.4); opacity: 0; }
  12% { transform: scale(1.08); opacity: 1; }
  20%, 85% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .leaves { display: none !important; } .harvest i.jump { animation: none; } }