/* Warm harvest materials, with the same matching and touch geometry. */
.seasonal-screen{color:#694734;background:radial-gradient(ellipse at 15% 15%,#ffda9470,transparent 55%),radial-gradient(ellipse at 90% 80%,#c6d58a50,transparent 55%);border-radius:28px}
.seasonal-heading h1{color:#8b493c}.seasonal-status{background:#fff5db;box-shadow:0 4px 0 #bd9462}.seasonal-status span{background:#f6d17f;color:#784c2b}
.seasonal-table{background:linear-gradient(145deg,#e9bf83,#cf975f);box-shadow:0 7px 0 #a5754f,0 14px 24px #7b533c22}
.seasonal-tray-wrap{background:linear-gradient(#fffaf0,#fae9c8)}.seasonal-tray-head{color:#805437}.seasonal-piece{background:linear-gradient(140deg,#fffdf3,#f4deb3);box-shadow:0 4px 0 #c39a70,0 6px 8px #8c644a33}.seasonal-piece>span:not(.seasonal-atlas-art){color:#785132}.seasonal-piece.selected{background:linear-gradient(#fff2b4,#f9d291);border-color:#d5903b}
.seasonal-level{box-shadow:0 3px 0 #af855b}.seasonal-level span{color:#805437}.seasonal-progress{background:#ecd6b8}.seasonal-progress span{background:linear-gradient(90deg,#c46036,#edb845,#e1cb6b)}
.seasonal-atlas-art{display:block;position:relative;overflow:hidden;pointer-events:none;isolation:isolate}
.seasonal-atlas-art>img{position:absolute!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:fill!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;pointer-events:none}
.seasonal-slot>.seasonal-atlas-art{width:100%;height:100%}.seasonal-object .seasonal-slot.empty>.seasonal-atlas-art{opacity:.6;filter:brightness(.2) sepia(.35) drop-shadow(0 0 2px #fff3c5)}
.seasonal-object .seasonal-slot.empty.chosen>.seasonal-atlas-art,.seasonal-object .seasonal-slot.empty.near>.seasonal-atlas-art{opacity:.85;filter:brightness(.65) sepia(.35) drop-shadow(0 0 4px #ffd269);animation:seasonal-target 1.5s ease-in-out infinite}
.seasonal-atlas-art.seasonal-finished-art{width:100%;height:100%}
.seasonal-piece>.seasonal-atlas-art{width:78px;height:64px;flex:none;filter:drop-shadow(0 3px 2px #84502944);font-size:0}
.seasonal-piece.selected>.seasonal-atlas-art{transform:translateY(-2px) rotate(-3deg)}
.seasonal-floating{display:grid;align-items:center;justify-items:center}.seasonal-floating>.seasonal-atlas-art{width:100%;height:100%}
.seasonal-object.alive[data-kind=turkey]>.seasonal-finished-art,.seasonal-object.alive[data-kind=fox]>.seasonal-finished-art{animation:seasonal-breathe 3.5s ease-in-out infinite}
.seasonal-object.alive[data-kind=scarecrow]>.seasonal-finished-art{animation:harvest-sway 4s ease-in-out infinite}
.seasonal-cover{background:url('thanksgiving-art/harvest-farm.png') center/cover}
.seasonal-cover .cover-turkey,.seasonal-cover .cover-pie{position:absolute;background-image:url('thanksgiving-art/harvest-stickers-v1.png');background-size:300% 200%;filter:drop-shadow(0 5px 3px #60392277)}
.seasonal-cover .cover-turkey{left:8%;bottom:4%;width:63%;height:86%;background-position:0 0;transform:rotate(-5deg)}
.seasonal-cover .cover-pie{right:0;bottom:0;width:45%;height:60%;background-position:100% 0;transform:rotate(7deg)}
.seasonal-tile{background:linear-gradient(145deg,#ffe0a2,#f4c8a1);color:#85503c}
@keyframes harvest-sway{50%{transform:rotate(2deg)}}
@media(max-width:650px){.seasonal-piece>.seasonal-atlas-art{width:64px;height:54px}}
@media(prefers-reduced-motion:reduce){.seasonal-object.alive>.seasonal-finished-art,.seasonal-slot>.seasonal-atlas-art{animation:none!important}}
body.roomy-play #seasonal-screen .seasonal-piece>.seasonal-atlas-art,.seasonal-piece>.seasonal-atlas-art{width:min(100%,calc(60px * var(--piece-ratio)));height:auto;max-height:60px;flex:none}
@media(max-width:650px) and (min-height:600px){
 body>#seasonal-screen:not([hidden]){height:100dvh;min-height:0;display:flex;flex-direction:column;padding-bottom:max(10px,env(safe-area-inset-bottom));overflow:hidden}
 #seasonal-screen .seasonal-heading{flex:none;flex-wrap:nowrap;align-items:center;margin:0 2px 6px;gap:8px}
 #seasonal-screen .seasonal-heading>div:first-child{flex:1;min-width:0}#seasonal-screen .home-kicker{display:none}
 #seasonal-screen .seasonal-heading h1{font-size:20px;line-height:1.05;margin:0}
 #seasonal-screen .seasonal-status{flex:none;max-width:105px;white-space:normal;padding:5px 7px;border-radius:15px;font-size:10px;text-align:center;align-items:center;gap:2px}
 #seasonal-screen .seasonal-levels{flex:none;gap:5px;padding:2px;margin:0 0 6px;justify-content:center}
 #seasonal-screen .seasonal-level{height:42px;min-width:0;width:calc((100vw - 60px)/6);min-height:42px;border-radius:12px}
 #seasonal-screen .seasonal-progress{flex:none;margin:0 7px 6px;height:5px}
 #seasonal-screen .seasonal-table{flex:1;min-height:0;display:flex;flex-direction:column;padding:7px;gap:7px}
 #seasonal-screen .seasonal-board{height:auto;min-height:0;flex:1;margin:0}
 #seasonal-screen .seasonal-tray-wrap{flex:none;height:112px;margin:0;padding:5px 4px}
 #seasonal-screen .seasonal-tray-head{display:flex;align-items:center;padding:0 3px 3px;gap:4px}
 #seasonal-screen .seasonal-tray-head strong{font-size:12px;white-space:nowrap}#seasonal-screen .seasonal-tray-head span{font-size:9px;line-height:1.15;max-width:170px}
 #seasonal-screen .seasonal-tray{min-height:0;height:81px;padding:3px 3px 6px;gap:6px;align-items:stretch}
 #seasonal-screen .seasonal-piece{flex-basis:76px;min-height:0;padding:2px;border-width:2px;border-radius:13px}
 #seasonal-screen .seasonal-piece>.seasonal-atlas-art{width:min(100%,calc(46px * var(--piece-ratio)));max-height:46px;height:auto}
 #seasonal-screen .seasonal-piece>span:not(.seasonal-atlas-art){font-size:9px;line-height:1.02}
}
@media(max-width:650px) and (min-height:600px){
 #seasonal-screen .seasonal-tray{display:flex!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:stretch}
 #seasonal-screen .seasonal-piece{flex:0 0 82px;height:72px}
}
