/* A single drawn language for every small gesture. */
.ui-icon{display:inline-block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;overflow:visible;pointer-events:none}
.arrow,.tiny-star,.burst-symbol,.text-link>span,.intro-skip>span{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.arrow .ui-icon{width:20px;height:20px}
.tiny-star .ui-icon{width:20px;height:20px}
.intro-halo>span .ui-icon{width:29px;height:29px}
.threshold-symbol{display:grid;place-items:center;line-height:1}
.threshold-symbol .ui-icon{width:41px;height:41px;stroke-width:1.1;transform:rotate(-9deg)}
.burst-symbol .ui-icon{width:19px;height:19px}
.scene-bottom button>.ui-icon,.scene-bottom button>span:last-child .ui-icon{width:13px;height:13px;margin-left:8px}
.scene-bottom button:hover .burst-symbol{transform:translateY(-2px);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.panel-star .ui-icon{width:25px;height:25px;stroke-width:1.05}
.portrait-flower{width:60px;height:60px;display:grid;place-items:center}
.portrait-flower .ui-icon{width:100%;height:100%}
.destination-number{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:36px;margin-top:0;align-self:center}
.destination-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #aabdc84d;border-radius:15px;color:#7c94a7;background:linear-gradient(140deg,#ffffff8c,#e0e9ef6b);box-shadow:inset 0 1px 0 #ffffffb3;transition:color .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.destination-symbol .ui-icon{width:23px;height:23px;stroke-width:1.25}
.destination:hover .destination-symbol{color:#a7875e;border-color:#bc9c725c;transform:translateY(-3px)}
.destination-arrow .ui-icon{width:21px;height:21px}
.destination:hover .destination-arrow{transform:translate(2px,-2px)}
.text-link>span .ui-icon{width:17px;height:17px}
.small-link .ui-icon{width:13px;height:13px;margin-left:7px;vertical-align:-3px}
.intro-skip>span .ui-icon{width:14px;height:14px}
@media(max-width:780px){
  .tiny-star .ui-icon{width:17px;height:17px}
  .threshold-symbol .ui-icon{width:31px;height:31px}
  .portrait-flower{width:48px;height:48px}
  .destination-number{gap:8px;min-width:28px}
  .destination-symbol{width:32px;height:32px;border-radius:11px}
  .destination-symbol .ui-icon{width:19px;height:19px}
  .destination-arrow .ui-icon{width:17px;height:17px}
  .burst-symbol .ui-icon{width:17px;height:17px}
  .text-link>span .ui-icon{width:15px;height:15px}
}
@media(prefers-reduced-motion:reduce){.destination-symbol,.destination-arrow,.burst-symbol{transition:none!important;transform:none!important}}