body,html{height:100%}body{display:flex;flex-direction:column;min-height:100svh}#game-root{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}#bg-video{object-position:50% 100%}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-floating{animation:floating 4s ease-in-out infinite}#gift-stage{height:auto;margin:0 auto;max-width:760px;min-height:unset;overflow:visible}#gift-area,#gift-stage{position:relative;width:100%}#gift-area{display:flex;inset:auto;justify-content:center;pointer-events:auto;z-index:30}#gift-grid{align-items:center;display:grid;gap:clamp(18px,2vw,34px);grid-template-columns:repeat(3,minmax(120px,1fr));justify-items:center;margin:24px auto 0;pointer-events:auto;position:relative;width:min(760px,92vw)}#gift-grid .gift-box{animation:none;aspect-ratio:1/1;background:transparent;border:none;bottom:auto!important;cursor:pointer;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.25));left:auto!important;margin:0;padding:0;pointer-events:auto!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;transition:transform .25s ease,filter .25s ease;width:clamp(96px,10vw,150px);z-index:40}#gift-grid .gift-box:hover{transform:scale(1.06)!important}#gift-grid .gift-box canvas,#gift-grid .gift-box img,#gift-grid .gift-box>svg{display:block;height:100%!important;object-fit:contain;pointer-events:none;width:100%!important}#gift-grid .gift-box.is-active{animation:glowPulse 2s ease-in-out infinite}@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!important;transition:filter .3s ease}@media (max-width:640px){#gift-grid{gap:18px;grid-template-columns:repeat(2,minmax(110px,1fr));margin-top:18px;width:min(360px,92vw)}#gift-grid .gift-box{width:clamp(96px,24vw,120px)}}@media (max-width:380px){#gift-grid{gap:14px;width:min(320px,94vw)}#gift-grid .gift-box{width:clamp(88px,26vw,108px)}}#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)}}#spin-stage{margin:18px auto 0;width:min(92vw,420px)}#bg-image{object-position:50%}#tree{display:none!important}.stage1-corner{bottom:-6px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));height:auto;pointer-events:none;position:absolute;user-select:none;width:clamp(70px,18vw,140px);z-index:20}.stage1-corner--left{left:0}.stage1-corner--right{right:0}@media (max-width:640px){.stage1-corner--left{left:-16px}.stage1-corner--right{right:-16px}}