/* Decorative margins only: content and controls remain fully clickable. */
#christmas-2026{position:fixed;inset:0;z-index:21;pointer-events:none;overflow:hidden}
.christmas-edge{position:absolute;top:0;bottom:0;width:30px;overflow:hidden}
.christmas-left{left:0}.christmas-right{right:0}
.christmas-flake{position:absolute;top:-24px;left:var(--x);color:#f9fcff;opacity:.7;text-shadow:0 1px 3px #193d3580;font-size:13px;line-height:20px;animation:christmas-fall var(--duration) var(--delay) linear infinite}
.christmas-ornaments{position:absolute;top:100px;right:max(290px,calc((100% - 1280px)/2 + 275px));display:flex;gap:15px;height:100px;pointer-events:none}
.christmas-hanging{display:block;position:relative;width:27px;height:72px;transform-origin:50% 0;animation:christmas-sway 5s ease-in-out infinite alternate}
.christmas-hanging::before{content:'';position:absolute;top:0;left:13px;width:1px;height:43px;background:#d4b77a}
.christmas-hanging::after{content:'';position:absolute;left:0;top:42px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff1c0,#c49b4c 45%,#795a29);box-shadow:inset -3px -3px 6px #54391255,0 3px 9px #0002;border-top:3px solid #bea16c}
.christmas-hanging:nth-child(2){height:96px;animation-delay:-3s}.christmas-hanging:nth-child(2)::before{height:66px}.christmas-hanging:nth-child(2)::after{top:65px;background:radial-gradient(circle at 30% 25%,#db9b88,#8b3d3b 48%,#50221f)}
.christmas-hanging:nth-child(3){animation-delay:-1s}
.christmas-toggle{position:fixed;left:7px;bottom:8px;z-index:22;width:44px;height:44px;padding:0;border:1px solid #c5d0c5;border-radius:50%;background:#f6f3e9ed;color:#294e42;font-size:21px;box-shadow:0 2px 9px #112b2820}
#christmas-2026.is-paused .christmas-flake{visibility:hidden;animation-play-state:paused}.christmas-ornaments.is-paused .christmas-hanging{animation-play-state:paused}
@keyframes christmas-fall{to{transform:translate3d(3px,calc(100vh + 40px),0)}}
@keyframes christmas-sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(max-width:1100px){.christmas-ornaments{right:auto;left:34px}}
@media(max-width:760px){.christmas-ornaments{top:76px;left:28px;gap:11px;transform:scale(.8);transform-origin:top left}.christmas-edge{width:15px}.christmas-flake{left:calc(var(--x)/2);font-size:11px}.christmas-toggle{left:5px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.christmas-flake{display:none}.christmas-hanging{animation:none}}
@media print{#christmas-2026,.christmas-ornaments,.christmas-toggle{display:none}}