/* Keep the approved low-angle scene identical across holiday states. */
.holiday-lineup {
    display: block;
    position: relative;
    width: 100%;
    height: 332px;
    margin: 0 auto 20px;
    isolation: isolate;
    --board-wood: #ead0a4;
    --board-grain: #9e774a;
    --board-lettering: #936842;
}
.holiday-lineup > img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 183px;
    height: 183px;
    margin: -8.5px 0 0 -91.5px;
    clip-path: circle(45.3% at 50% 50%);
    box-shadow: none;
}
.holiday-lineup > .holiday-side { position: absolute; top: 0; }
.holiday-lineup > #holiday-left { left: calc(50% - 216px); }
.holiday-lineup > #holiday-right { right: calc(50% - 216px); }
.holiday-lineup.board-scene-ready > .holiday-side { display: none; }
.board-scene { position: absolute; inset: 0; pointer-events: none; }
.board-scene > svg { position: absolute; inset: 0; overflow: visible; width: 100%; height: 100%; }
.board-scene .piece-texture {
    position: absolute;
    left: 0;
    top: 0;
    width: 72px;
    height: 72px;
    transform-origin: 0 0;
    background-size: 144px 72px;
    background-repeat: no-repeat;
    backface-visibility: hidden;
}
.fish-disc { position: absolute; left: 50%; top: 0; width: 166px; height: 166px; transform: translateX(-50%); border-radius: 50%; overflow: hidden; }
.fish-disc img { position: absolute; max-width: none; width: 110.3%; height: 110.3%; left: -5.15%; top: -5.15%; }
.hero-glow-top { opacity: .7; }
@media (max-width: 767px) {
    .holiday-lineup { height: 186px; margin-bottom: 13px; width: calc(100% + 32px); margin-left: -16px; }
    .fish-disc { width: 98px; height: 98px; top: 2px; }
    .holiday-lineup > img { width: 108px; height: 108px; margin: -3px 0 0 -54px; }
    .holiday-lineup > #holiday-left { left: calc(50% - 124px); }
    .holiday-lineup > #holiday-right { right: calc(50% - 124px); }
    #features { padding-top: 94px; }
    #features h1 { font-size: 36px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .holiday-lineup { height: 310px; }
    .fish-disc { width: 148px; height: 148px; }
}
@media (max-width: 370px) { #features h1 { font-size: 32px; } }
@media (prefers-color-scheme: dark) {
    .holiday-lineup { --board-wood: #927346; --board-grain: #d8b17a; --board-lettering: #e1ba80; }
}