.ug{--motion-instant:.1s;--motion-quick:.16s;--motion-base:.24s;--ease-entrance:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}html :where(.ug) :is(p,a,h1,h2,h3,li,button):not(:where(.ug-canon *)){font:inherit;line-height:inherit}.ug-map{pointer-events:none;overflow:hidden}.ug-map--desktop{display:none;position:absolute;inset:0}.ug-map--mobile{--ug-band-x:max(20px, calc(50% - 320px));flex-direction:column;height:248px;display:flex;position:relative}@media (width>=480px){.ug-map--mobile{height:340px}}.ug-map-in{animation:ug-fade var(--motion-base) var(--ease-standard) both;position:absolute;inset:0}.ug-map--mobile .ug-map-in{flex:1;min-height:0;position:relative}.ug-map-frame{inset:12px var(--ug-band-x,20px) 8px;position:absolute;container-type:size}.ug-map--beside .ug-map-frame{left:calc(var(--ug-band-x) + 8px + var(--ug-chip-w))}.ug-map--below .ug-map-label--top{max-width:calc(100% - 2 * var(--ug-band-x));margin:16px var(--ug-band-x) 0;white-space:normal;order:-1;align-self:flex-start;position:relative;top:auto;left:auto}.ug-map--below .ug-map-frame{top:8px}.ug-map-fit{width:min(100cqw, 100cqh * var(--ug-map-ratio), var(--ug-map-max));height:min(100cqh, 100cqw / var(--ug-map-ratio), var(--ug-map-max) / var(--ug-map-ratio));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ug-map-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ug-map-label,.ug-map-caption,.ug-map-city>:first-child{background:#2e0337e6;border-radius:10px;box-shadow:0 0 0 1px #ffffff1f}.ug-map-label{white-space:nowrap;align-items:center;gap:8px;padding:7px 12px;font-size:13px;line-height:16px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ug-map-label--own{color:#fff;font-size:14px;font-weight:700;line-height:20px}.ug-map-label--top{z-index:1;top:16px;left:var(--ug-band-x,20px);transform:none}.ug-map-also{top:112px;left:var(--ug-map-left);transform:none}.ug-map-label a{pointer-events:auto}.ug-map-city{align-items:center;gap:8px;display:flex;position:absolute;transform:translate(calc(6px - 100%),-50%)}.ug-map-city--right{flex-direction:row-reverse;transform:translate(-6px,-50%)}.ug-map-caption{margin:0 var(--ug-band-x,20px) 16px;color:#fffc;padding:5px 10px;font-size:13px;line-height:18px;position:relative}.ug-stage-fade{width:calc(var(--ug-map-left) + 88px);background:linear-gradient(90deg,#2e0337 0% 55%,#2e033700 100%)}@media (width>=810px){.ug{--ug-map-left:max(512px, calc(50% + 40px));--ug-map-right:40px}.ug-map--desktop{border-radius:0 0 28px 28px;display:block}.ug-map--desktop .ug-map-frame{inset:120px var(--ug-map-right) 76px var(--ug-map-left)}.ug-map--also .ug-map-frame{top:160px}.ug-map--desktop .ug-map-caption{right:var(--ug-map-right);max-width:calc(100% - var(--ug-map-left) - var(--ug-map-right) + 32px);margin:0;position:absolute;bottom:28px}}@media (width>=1100px){.ug{--ug-map-left:max(692px, calc(50% + 92px));--ug-map-right:56px}}.ug-setup-go{transition:transform var(--motion-instant) ease-out;animation:.36s ease-in-out .4s both ug-nudge}.ug-setup:hover .ug-setup-go{transform:translate(3px)}.ug-pop{animation:ug-rise var(--motion-base) var(--ease-entrance) both}.ug-rise{opacity:0;transform:translateY(12px)}.ug-rise[data-in]{opacity:1;transition:opacity .42s var(--ease-entrance), transform .42s var(--ease-entrance);transition-delay:calc(var(--i,0) * 80ms);transform:none}@media (scripting:none){.ug-rise{opacity:1;transform:none}}.ug-row{position:relative}.ug-row:before{content:"";pointer-events:none;transition:background-color var(--motion-instant) linear;position:absolute;inset:0 -12px}.ug-row>*{position:relative}@media (hover:hover){.ug-row:hover:before{background-color:#fcf8fc}}.ug-row:active:before{background-color:#fcf8fc}.ug-row[data-found]:before{animation:ug-found 1.6s var(--ease-standard) both}@keyframes ug-found{0%{background-color:#fcf8fc}to{background-color:#0000}}@media (width<=809.98px){.ug-states[data-swapped] .ug-state{animation:ug-fade .42s var(--ease-entrance) both}}@keyframes ug-fade{0%{opacity:0}}@keyframes ug-rise{0%{opacity:0;transform:translateY(4px)}}@keyframes ug-nudge{50%{transform:translate(3px)}}.ug-tile{transition:border-color var(--motion-quick) var(--ease-standard)}.ug-tile[data-delight]{border-color:#b79dcf}.ug-tile-icon{transition:background-color .16s var(--ease-standard), color .16s var(--ease-standard);position:relative}.ug-tile-icon svg{transition:transform .24s ease-out}.ug-fx{pointer-events:none;opacity:0;position:absolute}.ug-tile[data-tile=start][data-delight] .ug-tile-icon{color:#fff;background:#6b3780}.ug-ray{background:#b79dcf;border-radius:2px;width:3px;height:7px;transition:opacity .16s ease-in,transform .16s ease-in;top:-8px;transform:scale(0)}.ug-ray--left{left:4px;rotate:-40deg}.ug-ray--mid{height:8px;top:-12px;left:16px}.ug-ray--right{left:29px;rotate:40deg}.ug-tile[data-delight] .ug-ray{opacity:1;transition:opacity .1s ease-out,transform .42s cubic-bezier(.34,1.56,.64,1),background-color .28s ease-out .14s;transition:opacity .1s ease-out, transform .42s linear(0, .45 8%, .82 17%, 1.04 26%, 1.1 33%, 1.08 42%, 1.03 55%, 1 70%, .995 85%, 1), background-color .28s ease-out .14s;background:#d3b7df;transform:scale(1)}.ug-tile[data-tile=move][data-delight] .ug-tile-icon{animation:.48s both ug-roll}.ug-puff{background:#b79dcf;border-radius:50%}.ug-puff--near{width:7px;height:7px;top:24px;left:0}.ug-puff--far{width:5px;height:5px;top:16px;left:-4px}.ug-tile[data-tile=move][data-delight] .ug-puff--near{animation:.48s ease-out both ug-puff-near}.ug-tile[data-tile=move][data-delight] .ug-puff--far{animation:.6s ease-out both ug-puff-far}.ug-tile[data-tile=stop][data-delight] .ug-tile-icon{color:#fff;background:#2e0337}.ug-tile[data-tile=stop][data-delight] .ug-tile-icon svg{transform:rotate(-12deg)}.ug-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#d3b7df;transform:scale(0)}.ug-star--near{width:8px;height:8px;top:-8px;left:40px}.ug-star--far{width:6px;height:6px;top:12px;left:48px}.ug-tile[data-tile=stop][data-delight] .ug-star{opacity:1;transition:opacity .12s ease-out 80ms,transform .3s cubic-bezier(.34,1.56,.64,1) 80ms;transform:scale(1)}.ug-tile[data-tile=stop][data-delight] .ug-star--far{transition-delay:.2s}@keyframes ug-roll{0%{animation-timing-function:ease-in;transform:translate(0)}17%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(-3px)}37.5%{animation-timing-function:ease-out;transform:translate(10px)}55%{animation-timing-function:ease-in-out;transform:translate(13px)}80%{animation-timing-function:ease-in;transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes ug-puff-near{0%,17%{opacity:0;transform:scale(.4)}37.5%{opacity:.9;transform:scale(1)}to{opacity:0;transform:translate(-4px)scale(1)}}@keyframes ug-puff-far{0%,20%{opacity:0;transform:scale(.4)}30%{opacity:.6;transform:scale(1)}80%{opacity:.3;transform:translate(-2px,2px)scale(.8)}to{opacity:0;transform:translate(-3px,3px)scale(.8)}}@media (prefers-reduced-motion:reduce){.ug-setup-go,.ug-tile-icon svg{transition:none;animation:none!important;transform:none!important}.ug-tile-icon{transition:background-color .2s linear,color .2s linear;animation:none!important}.ug-fx{display:none}.ug-row[data-found]:before{background-color:#fcf8fc;animation:none}.ug-states[data-swapped] .ug-state{animation:none}.ug-map-in,.ug-pop{animation:.2s linear both ug-fade}.ug-rise{transform:none}.ug-rise[data-in]{transition:opacity .2s linear}.ug-tile[data-tile=move][data-delight] .ug-tile-icon{color:#fff;background:#6b3780}}