/* 02 BASE — reset, 기본 요소. 페이지 전용 선택자 금지. */

*{
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
}

button{
  font:inherit;
  cursor:pointer;
}

html{
  color-scheme:only light;
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#eaf5ff;
  color:var(--navy);
  font-family:system-ui,-apple-system,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;
  overscroll-behavior-y:none;
}

body{
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  color:var(--navy);
  font-family:system-ui,-apple-system,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;
  background:linear-gradient(180deg,var(--tone-1),var(--tone-2));
  overscroll-behavior-y:none;
}

@keyframes tourSpotlightPulse{0%,100%{box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 7px rgba(63,157,255,.28),0 0 22px rgba(49,146,255,.34)}
50%{box-shadow:0 0 0 3px rgba(255,255,255,.98),0 0 0 9px rgba(255,186,76,.34),0 0 28px rgba(255,177,56,.38)}}

@keyframes dailyFiveBurst{0%{transform:translate3d(-50%,-50%,0) scale(.25) rotate(0deg);opacity:0}
  7%{opacity:1}
  34%{transform:translate3d(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y)),0) scale(1.08) rotate(calc(var(--spin)*.38));opacity:1}
  72%{opacity:1}
  100%{transform:translate3d(calc(-50% + var(--final-x)),calc(-50% + var(--final-y)),0) scale(.9) rotate(var(--spin));opacity:0}}

@keyframes dailyFivePop{0%{transform:scale(.35) rotate(-14deg)}65%{transform:scale(1.18) rotate(6deg)}100%{transform:scale(1) rotate(0)}}