.info-text,.judul{font-family:Baloo\ 2,cursive}#header-section{isolation:isolate;position:relative}#header-section:before{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35));border-radius:inherit;content:"";inset:0;position:absolute;z-index:0}#header-section>*{position:relative;z-index:1}#header-section .judul{color:hsla(0,0%,100%,.98);text-shadow:0 2px 14px rgba(0,0,0,.55)}#header-section .info-text{color:hsla(0,0%,100%,.85);text-shadow:0 2px 10px rgba(0,0,0,.45)}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-floating{animation:floating 4s ease-in-out infinite}#tree-wrap{overflow:visible;position:relative}#gift-under-tree{z-index:5}#gift-grid,#gift-under-tree{inset:0;pointer-events:none;position:absolute}#gift-grid{height:100%;margin:0;width:100%}#gift-grid .gift-box{animation:none;aspect-ratio:1/1;background:transparent;border:none;cursor:pointer;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));left:var(--x);min-height:0;padding:0;pointer-events:auto;position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:transform .25s ease,filter .25s ease;width:var(--size)}#gift-grid .gift-box canvas,#gift-grid .gift-box>svg{display:block;height:100%!important;width:100%!important}#gift-grid .gift-box.is-active{animation:glowPulse 2s ease-in-out infinite}#gift-grid .gift-box:hover{transform:translate(-50%,-50%) scale(1.06)}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,255,.25)) drop-shadow(0 8px 18px rgba(0,0,0,.22))}50%{filter:drop-shadow(0 0 16px rgba(255,255,255,.6)) drop-shadow(0 10px 22px rgba(0,0,0,.26))}}#gift-grid .gift-box.blur-hadiah{filter:blur(3px) brightness(.6);pointer-events:none;transition:filter .3s ease}#zoom-layer.active{display:flex}.hidden{display:none}#gift-grid .gift-box:first-child{--x:50%;--y:30%;--size:clamp(74px,13vw,120px)}#gift-grid .gift-box:nth-child(2){--x:64%;--y:39%;--size:clamp(70px,12.5vw,116px)}#gift-grid .gift-box:nth-child(3){--x:36%;--y:40%;--size:clamp(70px,12.5vw,116px)}#gift-grid .gift-box:nth-child(4){--x:28%;--y:58%;--size:clamp(76px,13.5vw,124px)}#gift-grid .gift-box:nth-child(5){--x:50%;--y:56%;--size:clamp(80px,14vw,132px)}#gift-grid .gift-box:nth-child(6){--x:72%;--y:58%;--size:clamp(76px,13.5vw,124px)}@media (min-width:768px){#gift-grid .gift-box:first-child{--y:31%}#gift-grid .gift-box:nth-child(2){--y:40%}#gift-grid .gift-box:nth-child(3){--y:41%}#gift-grid .gift-box:nth-child(4){--y:59%}#gift-grid .gift-box:nth-child(5){--y:57%}#gift-grid .gift-box:nth-child(6){--y:59%}}#spin-stage{--spin-size:320px;--spin-border:10px;--spin-offset:24%;--pointer-size:34px;--pointer-overlap:6px}@media (max-width:420px){#spin-stage{--spin-size:300px}}@media (max-width:380px){#spin-stage{--spin-size:280px}}#spin-stage .mainbox{aspect-ratio:1/1;margin:0 auto;position:relative;width:min(var(--spin-size),100%)}#spin-stage .mainbox:before{background:hsla(0,0%,100%,.92);border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.18);color:#ec4899;content:"\2039";font-size:50px;height:var(--pointer-size);line-height:22px;position:absolute;right:calc((var(--pointer-size)/2)*-1 + var(--pointer-overlap));text-align:center;top:50%;transform:translateY(-50%);width:var(--pointer-size);z-index:6}#spin-stage .box{border:var(--spin-border) solid hsla(0,0%,100%,.95);border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.22);height:100%;overflow:hidden;position:relative;transition:all 5s ease;width:100%}#spin-stage .mainbox span{display:inline-block;height:50%;position:absolute;width:50%}#spin-stage .span1{background-color:#ffeb3b;clip-path:polygon(0 92%,100% 50%,0 8%);left:0;top:var(--spin-offset)}#spin-stage .span2{background-color:#e91e63;clip-path:polygon(100% 92%,0 50%,100% 8%);right:0;top:var(--spin-offset)}#spin-stage .span3{background-color:#4caf50;bottom:0;clip-path:polygon(50% 0,8% 100%,92% 100%);left:var(--spin-offset)}#spin-stage .span4{background-color:#3f51b5;clip-path:polygon(50% 100%,92% 0,8% 0);left:var(--spin-offset);top:0}#spin-stage .box2{height:100%;transform:rotate(-135deg);width:100%}#spin-stage .mainbox span b{background-color:hsla(0,0%,100%,.95);height:56px;line-height:56px;text-align:center;width:56px}#spin-stage .mainbox span b,#spin-stage .spin{border-radius:999px;font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#spin-stage .spin{background:linear-gradient(90deg,#ec4899,#a855f7);border:4px solid hsla(0,0%,100%,.95);box-shadow:0 14px 35px rgba(0,0,0,.35);color:#fff;cursor:pointer;font-weight:800;height:86px;width:86px;z-index:5}#spin-stage .spin:active{font-size:17px;height:82px;width:82px}#spin-stage .mainbox.animate:before{animation:spinArrow .7s ease infinite}@keyframes spinArrow{50%{transform:translateY(-50%) translateX(8px)}}