:root{--cream:#f4ecdd;--green:#1f3b2d;--ink:#16291f;--oat:#e3d6bf;--ball:#d9de5b;--font:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#000;overflow:hidden}.stage{place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.presents{color:var(--cream);letter-spacing:.42em;opacity:0;font-size:13px;font-weight:300;animation:2.6s .4s forwards fade}.curtain{background:var(--cream);animation:1.2s cubic-bezier(.7,0,.2,1) 3s forwards lift;transform:translateY(100%)}.title{text-align:center}.title h1{letter-spacing:-.02em;color:var(--green);font-size:clamp(40px,12vw,72px);font-weight:500}.title h1 span{opacity:0;animation:.6s forwards letter;display:inline-block;transform:translateY(12px)}.title p{color:var(--green);opacity:.7;margin-top:12px;font-size:15px}.ball{background:var(--ball);border-radius:50%;width:18px;height:18px;margin:0 auto 28px;animation:1.1s cubic-bezier(.3,0,.7,1) infinite alternate bounce}.skipped .presents,.skipped .curtain,.skipped .title h1 span{animation-duration:0s;animation-delay:0s}@keyframes fade{0%{opacity:0}30%,75%{opacity:1}to{opacity:0}}@keyframes lift{to{transform:translateY(0)}}@keyframes letter{to{opacity:1;transform:none}}@keyframes bounce{0%{transform:translateY(-36px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.presents{display:none}.curtain{animation:none;transform:none}.title h1 span{opacity:1;animation:none;transform:none}.ball{animation:none}}