.magic-night{padding-top:54px;padding-bottom:35px;background:#102c32;color:#f4e8cf;isolation:isolate;border-top:1px solid #c5b18a35;position:relative}.night-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px}.night-intro .eyebrow{color:#d5ba87;font-size:8px;letter-spacing:2px;margin-bottom:17px}.night-intro h2{font-size:clamp(44px,4.3vw,65px);line-height:1}.night-intro h2 em{color:#debd88}.night-intro>p{font-size:11px;line-height:1.9;color:#d3ddd0;padding-bottom:4px}.night-scene{height:355px;position:relative;isolation:isolate;overflow:hidden;contain:paint;border:1px solid #b7b98655;border-bottom-color:#d7dbbe66;border-radius:130px 130px 3px 3px;background:radial-gradient(ellipse at 76% 3%,#39525855,transparent 44%),linear-gradient(180deg,#102934,#244850)}.night-scene[data-tone=candy]{background:linear-gradient(#392c45,#775664)}.night-scene[data-tone=starlight]{background:linear-gradient(#131e40,#36496a)}.night-landscape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.night-dust{position:absolute;inset:0;pointer-events:none}.night-dust i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#fff0bd;opacity:.6;border-radius:50%;animation:quiet-twinkle 6s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}.night-dust i:nth-child(4n){width:3px;height:3px;box-shadow:0 0 7px #d3b67466}.night-aurora{position:absolute;inset:-25% -10% 10%;pointer-events:none;opacity:0;transition:opacity 1s;overflow:hidden}.night-aurora i{position:absolute;left:4%;top:-12%;width:72%;height:69%;border-radius:45% 12% 48% 18%;transform:rotate(-18deg);border-bottom:45px solid #90bd8e36;box-shadow:0 22px 35px #87b58e21;filter:blur(12px);animation:aurora-breathe 16s ease-in-out infinite alternate;animation-play-state:paused}.night-aurora i:nth-child(2){left:32%;top:-8%;width:74%;height:80%;border-color:#a4d0ac32;animation-delay:-6s;transform:rotate(16deg)}.night-aurora i:nth-child(3){left:-17%;top:12%;height:70%;border-width:20px;border-color:#dec08222;animation-delay:-12s}.aurora-awake .night-aurora{opacity:1}.scene-visible .night-aurora i,.scene-visible .night-dust i{animation-play-state:running}.scene-visible .roof-window{animation:window-warmth 7s ease-in-out infinite alternate}.roof-window{filter:drop-shadow(0 0 3px #e9ba6866)}.home-lights-on .roof-window{fill:#ffe9ab;filter:drop-shadow(0 0 6px #f4ce7e)}.night-moon{position:absolute;right:11%;top:15%;width:70px;height:70px;padding:0;background:transparent;z-index:4;border-radius:50%;filter:drop-shadow(0 0 19px #e1c28c26)}.night-moon>svg{display:block;width:100%;height:100%}.night-moon:hover{filter:drop-shadow(0 0 24px #ffe3ac60)}.night-moon[aria-pressed=true]{filter:drop-shadow(0 0 25px #fbe4ac66)}.wishing-star{position:absolute;z-index:4;width:48px;height:48px;padding:0;background:transparent;border-radius:50%;transform:translate(-50%,-50%);color:#dcbf84}.wishing-star svg{display:block;width:100%;height:100%;overflow:visible}.wishing-star path{fill:#d3b47a88;stroke:#f2d9a3;stroke-width:1;transition:fill .3s,filter .3s}.wishing-star circle{fill:none;stroke:#dab98333;stroke-width:.8;stroke-dasharray:1.5 5}.wishing-star:hover path,.wishing-star[aria-pressed=true] path{fill:#fff4c4;filter:drop-shadow(0 0 8px #e2bf78)}.wishing-star[aria-pressed=true] circle{stroke:#e4c58988;stroke-dasharray:1 3}.wish-0{left:29%;top:22%}.wish-1{left:49%;top:35%}.wish-2{left:66%;top:18%}.wish-constellation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .65s}.wish-constellation path{fill:none;stroke:#d8bd7e77;stroke-width:1.3;stroke-dasharray:3 5}.constellation-complete .wish-constellation{opacity:1}.night-tip{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:9px;line-height:1.4;white-space:nowrap;background:#f9efd9;color:#244334;border-radius:15px;padding:7px 11px;opacity:0;pointer-events:none;transition:opacity .2s;margin-top:3px}.night-moon:hover .night-tip,.night-moon:focus-visible .night-tip,.wishing-star:hover .night-tip,.wishing-star:focus-visible .night-tip{opacity:1}.night-scene button:focus-visible{outline:2px solid #fff0c6;outline-offset:3px}.night-caption{position:absolute;left:4%;bottom:14px;z-index:3;font:italic 18px var(--serif);color:#284744;pointer-events:none}.sleigh-traveller{position:absolute;width:280px;left:0;top:18%;opacity:0;pointer-events:none;z-index:3;transform:translateX(-110%)}.sleigh-art{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 7px #00191f55)}.sleigh-flying .sleigh-traveller{animation:sleigh-journey 6.4s linear both}.sleigh-still .sleigh-traveller{animation:none;left:46%;top:12%;transform:translateX(-50%);opacity:1}.sleigh-trail{position:absolute;right:79%;top:72%;width:100px;height:40px;pointer-events:none}.sleigh-trail i{position:absolute;width:3px;height:3px;background:#f2d7a0;border-radius:50%;box-shadow:0 0 5px #ffe5ae;opacity:.8;left:calc(var(--n,1)*13%)}.sleigh-trail i:nth-child(1){--n:1;top:41%;opacity:.15}.sleigh-trail i:nth-child(2){--n:2;top:53%;opacity:.3}.sleigh-trail i:nth-child(3){--n:3;top:30%;opacity:.4}.sleigh-trail i:nth-child(4){--n:4;top:49%;opacity:.5}.sleigh-trail i:nth-child(5){--n:5;top:35%;opacity:.6}.sleigh-trail i:nth-child(6){--n:6;top:44%}.sleigh-trail i:nth-child(7){--n:7;top:25%}.night-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:21px}.night-announcement{display:flex;align-items:center;gap:15px;flex:1}.night-progress{display:flex;gap:5px;flex:none}.night-progress i{width:5px;height:5px;transform:rotate(45deg);border:1px solid #adac8999}.night-progress .found{background:#e2c58c;border-color:#e2c58c;box-shadow:0 0 6px #c6a87677}.night-announcement p{font:italic 19px/1.3 var(--serif);color:#e0d8bc;max-width:610px;min-height:50px;display:flex;align-items:center}.night-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.night-actions button{min-height:46px;font-size:11px;padding:11px 20px;background:#e7cf9e;color:#183b38;display:flex;gap:11px;align-items:center;justify-content:center;border:1px solid #eed7a8;border-radius:3px}.night-actions button:hover{background:#fff0c7}.night-actions button[aria-disabled=true]{color:#daccad;background:#304748;border-color:#a89e7d66;cursor:default}.night-actions [data-sleigh]{min-width:183px}.night-actions .night-reset{background:transparent;color:#d9d7bf;border:0;padding:10px 0;gap:9px;font-size:10px}.night-actions .night-reset:hover{color:#fff3d5}.night-actions button>span:first-child{font-size:20px}.night-actions .night-reset>span{font-size:21px}.elf-finale{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:910px;margin:3px auto 14px;padding:22px 0 12px;border-top:1px solid #b9c0a46b}.elf-finale>div{display:flex;align-items:center;gap:18px}.elf-sparks{display:flex;gap:6px;color:#a69d7c;font:26px Georgia;flex:none}.elf-sparks i{font-style:normal}.elf-sparks i.lit{color:#9b6c25;text-shadow:0 0 12px #e3c47888}.elf-finale-hint{font:22px/1.2 var(--serif);color:#36513e}.elf-finale-hint>span{display:block;font:10px/1.5 var(--sans);color:#626b51;margin-top:7px}.elf-finale button{display:flex;gap:15px;align-items:center;justify-content:center;min-height:53px;padding:13px 19px;background:#244936;color:#fff0d2;font-size:11px;border:1px solid #244936;border-radius:3px;white-space:nowrap}.elf-finale button:hover:enabled{background:#395d43}.elf-finale button:disabled{background:#dfe0cf;color:#5b654e;border-color:#bdc6ad;opacity:1}.elf-finale .mini-present{transform:scale(.85)}.elf-finale button>span:last-child{font-size:20px}.all-helpers-awake .drawn-garland{filter:drop-shadow(0 0 8px #e8c97755)}
@keyframes sleigh-journey{0%{left:0;transform:translate(-115%,28px) rotate(-6deg);opacity:0}8%{opacity:1}43%{transform:translate(-50%,-11px) rotate(1deg)}88%{opacity:1}100%{left:100%;transform:translate(15%,-43px) rotate(-7deg);opacity:0}}
@keyframes quiet-twinkle{from{opacity:.35}to{opacity:.9}}@keyframes aurora-breathe{from{transform:translateX(-3%) rotate(-12deg)}to{transform:translateX(3%) rotate(9deg)}}@keyframes window-warmth{from{opacity:.76}to{opacity:1}}
.magic-paused .night-aurora,.magic-paused .wishing-star path,.magic-paused .wish-constellation,.magic-paused .night-tip{transition:none}.magic-paused .night-scene *{animation-play-state:paused!important}.magic-paused .sleigh-flying .sleigh-traveller{animation:none;left:46%;transform:translateX(-50%);opacity:1}
@media(min-width:1650px){.magic-night{padding-left:max(7%,calc((100% - 1380px)/2));padding-right:max(7%,calc((100% - 1380px)/2))}}
@media(max-width:950px){.night-intro{gap:25px}.night-intro h2{font-size:49px;max-width:330px}.night-intro>p{font-size:10px;max-width:245px}.night-scene{height:315px;border-radius:85px 85px 3px 3px}.night-toolbar{display:block}.night-announcement p{min-height:49px}.night-actions{justify-content:space-between;margin-top:13px}.sleigh-traveller{width:240px}.night-moon{right:7%;top:10%}.elf-finale{gap:20px}.elf-finale>div{gap:12px}.elf-finale-hint{font-size:20px}.elf-finale button{font-size:10px;padding:12px 14px;gap:10px}.elf-sparks{font-size:23px;gap:3px}}
@media(max-width:600px){.magic-night{padding:36px 6% 27px}.night-intro{display:block;margin-bottom:23px}.night-intro .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:17px}.night-intro h2{font-size:48px;max-width:310px;line-height:1.02}.night-intro h2 em{display:block}.night-intro>p{font-size:11px;margin-top:17px;max-width:none;padding:0}.night-scene{height:320px;border-radius:65px 65px 3px 3px}.night-landscape{width:100%;height:100%}.night-moon{right:8%;top:10%;width:61px;height:61px}.wish-0{left:22%;top:21%}.wish-1{left:44%;top:38%}.wish-2{left:64%;top:23%}.wish-constellation{display:none}.constellation-complete .wishing-star path{stroke-width:2;filter:drop-shadow(0 0 7px #efcf85)}.night-tip{font-size:8px;padding:6px 8px;max-width:150px;white-space:normal;min-width:90px;text-align:center}.night-caption{font-size:16px;bottom:10px;left:7%}.night-toolbar{padding-top:17px}.night-announcement{align-items:start;gap:12px}.night-progress{padding-top:13px}.night-announcement p{font-size:19px;min-height:74px;align-items:start;padding-top:1px;line-height:1.3}.night-actions{margin-top:8px;gap:18px}.night-actions [data-sleigh]{min-width:171px;font-size:11px;padding:11px 15px}.night-actions .night-reset{font-size:10px;gap:7px}.sleigh-traveller{width:205px;top:26%}.sleigh-still .sleigh-traveller{left:48%;top:25%;width:205px}.night-aurora{inset:-13% -27% 16%}.night-aurora i{filter:blur(9px);border-bottom-width:29px}.elf-finale{display:block;padding:23px 0 10px;margin-bottom:10px}.elf-finale>div{justify-content:center;gap:17px;text-align:left}.elf-finale-hint{font-size:23px}.elf-finale-hint>span{font-size:10px;max-width:230px;line-height:1.6}.elf-finale button{font-size:11px;min-height:53px;margin:19px auto 0;width:100%;max-width:320px;gap:15px}.elf-sparks{display:flex;flex-direction:column;font-size:19px;gap:0;line-height:1.1}.elf-finale-hint br{display:none}}
@media(max-width:360px){.night-scene{height:290px}.night-intro h2{font-size:45px}.night-actions{gap:11px}.night-actions [data-sleigh]{min-width:155px;font-size:10px}.night-actions .night-reset{font-size:9px}.night-moon{right:5%;width:58px;height:58px}.night-caption{font-size:14px}.night-announcement p{font-size:18px}.elf-finale-hint{font-size:21px}.elf-finale-hint>span{font-size:9px;max-width:195px}}
@media(prefers-reduced-motion:reduce){.night-scene *{animation:none!important}.night-aurora,.wishing-star path,.wish-constellation,.night-tip{transition:none!important}.sleigh-flying .sleigh-traveller{left:46%;transform:translateX(-50%);opacity:1}}