.ot-ground{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--tpl-accent) 9%, transparent), transparent 45%), var(--tpl-bg)}.ot-night{background:radial-gradient(80% 45% at 50% 70%,#ffc86e1f,#0000 70%),linear-gradient(#0b1230,#182452 70%,#22305f)}.ot-star{background:#fff6d8;border-radius:50%;animation:2.6s ease-in-out infinite ot-twinkle;position:absolute;box-shadow:0 0 6px #fff6d8e6}@keyframes ot-twinkle{0%,to{opacity:.9}50%{opacity:.25}}.ot-hint{animation:2.4s ease-in-out infinite ot-blink}@keyframes ot-blink{0%,to{opacity:.85}50%{opacity:.35}}.ot-tent{width:16rem;height:15rem;position:relative}.ot-pennant{background:#e3c27a;width:2px;height:2rem;position:absolute;top:0;left:50%}.ot-pennant:after{content:"";background:var(--ot-cloth);clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0;width:1.5rem;height:.9rem;animation:1.6s ease-in-out infinite ot-flutter;position:absolute;top:0;left:2px}@keyframes ot-flutter{0%,to{transform:scaleX(1)}50%{transform:scaleX(.75)skewY(6deg)}}.ot-roof{clip-path:polygon(50% 0,100% 100%,0 100%);background:repeating-conic-gradient(from 145deg at 50% 0%, var(--ot-cloth) 0 6deg, #d9b25c 6deg 7deg, var(--ot-cloth-deep) 7deg 13deg, #d9b25c 13deg 14deg);height:5.4rem;position:absolute;top:1.9rem;left:0;right:0}.ot-fringe{z-index:2;background:linear-gradient(#d9b25c,#d9b25c) top/100% .45rem no-repeat,radial-gradient(circle at 50% .45rem,#d9b25c .42rem,#0000 .44rem) 0 0/1rem 1.2rem repeat-x;height:1.2rem;position:absolute;top:7.2rem;left:-.4rem;right:-.4rem}.ot-door{border-left:4px solid var(--ot-cloth-deep);border-right:4px solid var(--ot-cloth-deep);background:linear-gradient(#2a1608,#120904);position:absolute;inset:7.4rem 1.3rem 0;overflow:hidden}.ot-glow{opacity:0;background:radial-gradient(at 50% 60%,#ffd682f2,#ffaa5059 45%,#0000 75%);transition:opacity .8s .25s;position:absolute;inset:0}.ot-door-crown{opacity:0;transition:transform .8s cubic-bezier(.34,1.5,.5,1) .4s,opacity .5s .4s;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(.6)}.ot-curtain{background:repeating-linear-gradient(90deg, #00000024 0 3px, transparent 3px 16px), linear-gradient(180deg, var(--ot-cloth), var(--ot-cloth-deep));width:50%;transition:transform .95s cubic-bezier(.55,0,.2,1);position:absolute;top:0;bottom:0}.ot-curtain-l{transform-origin:0 0;left:0;box-shadow:inset -3px 0 #d9b25c}.ot-curtain-r{transform-origin:100% 0;right:0;box-shadow:inset 3px 0 #d9b25c}[data-leaving=true] .ot-curtain-l{transform:scaleX(.24)skewY(5deg)}[data-leaving=true] .ot-curtain-r{transform:scaleX(.24)skewY(-5deg)}[data-leaving=true] .ot-glow{opacity:1}[data-leaving=true] .ot-door-crown{opacity:1;transform:translate(-50%,-50%)scale(1)}.ot-valance{background:linear-gradient(var(--ot-cloth), var(--ot-cloth)) top / 100% .9rem no-repeat, radial-gradient(circle at 50% .9rem, var(--ot-cloth) .62rem, transparent .64rem) 0 0 / 1.4rem 1.8rem repeat-x;height:1.8rem;position:absolute;top:0;left:0;right:0}.ot-enter{animation:1s cubic-bezier(.2,.7,.2,1) both ot-up}@keyframes ot-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ot-d1{animation-delay:.3s}.ot-d2{animation-delay:.65s}.ot-d3{animation-delay:1s}.ot-d4{animation-delay:1.3s}.ot-d5{animation-delay:1.6s}[data-gate=closed] .ot-enter{animation-play-state:paused}.ot-card{background:var(--tpl-surface);border:1px solid color-mix(in srgb, var(--tpl-accent) 30%, transparent);border-radius:.5rem;position:relative;overflow:hidden}.ot-card:before{content:"";background:linear-gradient(var(--tpl-accent), var(--tpl-accent)) top / 100% .6rem no-repeat, radial-gradient(circle at 50% .6rem, var(--tpl-accent) .5rem, transparent .52rem) 0 0 / 1.1rem 1.4rem repeat-x;opacity:.9;height:1.4rem;position:absolute;top:0;left:0;right:0}.ot-count>div>span:first-child{color:var(--tpl-accent)}.ot-photo{background:linear-gradient(#e9c877,#b8892f);border-radius:7.5rem 7.5rem .5rem .5rem;padding:.5rem}.ot-photo img{border-radius:7rem 7rem .3rem .3rem}.ot-button{background:var(--tpl-accent);color:#fff;font-family:var(--font-inscribe);letter-spacing:.24em;text-transform:uppercase;padding:.75rem 1.4rem;font-size:11px;transition:opacity .2s;display:inline-block}.ot-button:hover{opacity:.88}.ot-reveal{transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.ot-reveal[data-reveal=out]{opacity:0;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.ot-enter,.ot-hint,.ot-star,.ot-pennant:after{animation:none}.ot-curtain,.ot-glow,.ot-door-crown{transition:none}.ot-reveal[data-reveal=out]{opacity:1;transform:none}}