.application-container{height:var(--app-height);left:0;position:absolute;top:0;width:100%}canvas{max-width:100vw}.debug{background-color:red;bottom:0;color:white;display:block;left:0;padding:10px;position:fixed;z-index:1000}main{--app-height: 590px;--badge-top: 59px;--badge-left: 11px;--globe-radius: 65;--globe-radius-factor: 1vw;--globe-size: calc(var(--globe-radius) * var(--globe-radius-factor));--globe-position: calc(var(--canvas-height, 0) * var(--snowglobe-y, 0) * 1px);--change-duration: calc(var(--state-duration, 0s) * var(--duration));align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;width:100%}.header{left:var(--badge-left);position:absolute;top:var(--badge-top)}.action-flags{left:0;position:absolute;top:50%}.action-flags .flag-state{display:none;left:0;position:absolute;top:0;transform:translateX(-20px) translateY(-50%)}.action-flags .flag{--angle-amount: 40px;align-items:center;background-color:var(--color-yellow);clip-path:polygon(0 0, calc(100% - var(--angle-amount)) 0%, 100% 50%, calc(100% - var(--angle-amount)) 100%, 0 100%);display:flex;font-family:var(--font-heading);font-size:calc(20 / var(--font-base) * 1rem);justify-content:center;line-height:1.2em;min-height:100px;padding:5px 80px 5px 30px;transform:translateX(-100%) rotate(40deg);transform-origin:0% 50%;transition-delay:0.5s;width:300px}.action-flags .flag::before,.action-flags .flag::after{bottom:3px;clip-path:polygon(0 0, calc(100% - var(--angle-amount)) 0%, calc(100% - 1px) 50%, calc(100% - var(--angle-amount)) 100%, 0 100%);content:"";display:block;left:3px;position:absolute;right:3px;top:3px}.action-flags .flag::before{background:linear-gradient(to left, #B90000, #830000);z-index:1}.action-flags .flag::after{background-image:url('assets/images/footer/footer-pattern.png');background-size:19px 19px;z-index:2}.action-flags .flag span{display:inline-block;position:relative;text-align:center;width:100%;z-index:5}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.action-flags .flag{background-image:url('assets/images/footer/footer-pattern-2x.png')}}.stage{height:100%;left:0;opacity:1;position:absolute;top:0;transition:opacity 2s ease-in-out;width:100%}.shake-areas{align-items:center;display:none;height:0;left:50%;position:absolute;top:var(--globe-position);width:0;z-index:2}.shake-areas .shake-start{--radius: calc(var(--globe-radius) * var(--globe-radius-factor));border-radius:50%;cursor:grab;height:var(--radius);position:relative;transform:translate(-50%, -50%);width:var(--radius)}.shake-areas .auto-shake-button{height:0;left:50%;opacity:0;overflow:hidden;padding:0;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%, -50%)}.shake-areas .auto-shake-button:focus-within{box-shadow:0px 0px 0px 2px var(--color-white),0px 0px 0px 4px var(--color-black);height:auto;opacity:1;padding:15px 40px}.shake-areas .auto-shake-button:focus-within .back--2{background-color:var(--color-light)}.shake-areas .auto-shake-button:focus-within .icon{fill:var(--color-light);transform:translateX(3px)}.states{align-items:center;display:flex;height:100%;justify-content:stretch;min-height:var(--app-height);position:relative;width:100%;z-index:2}.state{align-items:center;display:none;flex-direction:column;height:100%;justify-content:flex-end;left:0;min-height:var(--app-height);position:absolute;text-shadow:0 0 10px rgba(255,255,255,0.5);top:0;user-select:none;width:100%;z-index:1}.state p{font-family:var(--font-heading)}.state .column>*{opacity:0;transition-duration:calc(var(--change-duration, 0s) * 0.25);transition-property:opacity, transform;transition-timing-function:ease-in-out}.stagger--1{transition-delay:0.3s}.stagger--2{transition-delay:0.4s}.stagger--3{transition-delay:0.5s}.stagger--4{transition-delay:0.6s}.stagger--5{transition-delay:0.7s}.stagger--6{transition-delay:0.8s}.stagger--7{transition-delay:0.9s}.stagger--8{transition-delay:1s}.stagger--9{transition-delay:1.1s}.stagger--10{transition-delay:1.2s}.stagger--11{transition-delay:1.3s}.stagger--12{transition-delay:1.4s}.stagger--13{transition-delay:1.5s}.stagger--14{transition-delay:1.6s}.stagger--15{transition-delay:1.7s}.stagger--16{transition-delay:1.8s}.stagger--17{transition-delay:1.9s}.stagger--18{transition-delay:2s}.stagger--19{transition-delay:2.1s}.stagger--20{transition-delay:2.2s}[data-state="ready"] .shake-areas,[data-state="shake-more"] .shake-areas,[data-state="revealed"] .shake-areas{display:block}[data-state="idle"] .idle,[data-outgoing-state="idle"] .idle,[data-incoming-state="idle"] .idle{display:flex}[data-state="idle"] .idle .column>*,[data-state="idle"] .idle .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="idle"] .idle .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="idle"] .idle .column>*,[data-outgoing-state="idle"] .idle .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="idle"] .idle .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="idle"] .idle .column>*,[data-incoming-state="idle"] .idle .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="idle"] .idle .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="loading"] .loading,[data-outgoing-state="loading"] .loading,[data-incoming-state="loading"] .loading{display:flex}[data-state="loading"] .loading .column>*,[data-state="loading"] .loading .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="loading"] .loading .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="loading"] .loading .column>*,[data-outgoing-state="loading"] .loading .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="loading"] .loading .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="loading"] .loading .column>*,[data-incoming-state="loading"] .loading .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="loading"] .loading .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="interaction-request"] .interaction-request,[data-outgoing-state="interaction-request"] .interaction-request,[data-incoming-state="interaction-request"] .interaction-request{display:flex}[data-state="interaction-request"] .interaction-request .column>*,[data-state="interaction-request"] .interaction-request .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="interaction-request"] .interaction-request .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="interaction-request"] .interaction-request .column>*,[data-outgoing-state="interaction-request"] .interaction-request .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="interaction-request"] .interaction-request .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="interaction-request"] .interaction-request .column>*,[data-incoming-state="interaction-request"] .interaction-request .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="interaction-request"] .interaction-request .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="interaction-loading"] .interaction-loading,[data-outgoing-state="interaction-loading"] .interaction-loading,[data-incoming-state="interaction-loading"] .interaction-loading{display:flex}[data-state="interaction-loading"] .interaction-loading .column>*,[data-state="interaction-loading"] .interaction-loading .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="interaction-loading"] .interaction-loading .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="interaction-loading"] .interaction-loading .column>*,[data-outgoing-state="interaction-loading"] .interaction-loading .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="interaction-loading"] .interaction-loading .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="interaction-loading"] .interaction-loading .column>*,[data-incoming-state="interaction-loading"] .interaction-loading .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="interaction-loading"] .interaction-loading .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="ready"] .ready,[data-outgoing-state="ready"] .ready,[data-incoming-state="ready"] .ready{display:flex}[data-state="ready"] .ready .column>*,[data-state="ready"] .ready .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="ready"] .ready .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="ready"] .ready .column>*,[data-outgoing-state="ready"] .ready .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="ready"] .ready .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="ready"] .ready .column>*,[data-incoming-state="ready"] .ready .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="ready"] .ready .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="shaking"] .shaking,[data-outgoing-state="shaking"] .shaking,[data-incoming-state="shaking"] .shaking{display:flex}[data-state="shaking"] .shaking .column>*,[data-state="shaking"] .shaking .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="shaking"] .shaking .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="shaking"] .shaking .column>*,[data-outgoing-state="shaking"] .shaking .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="shaking"] .shaking .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="shaking"] .shaking .column>*,[data-incoming-state="shaking"] .shaking .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="shaking"] .shaking .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="shake-more"] .shake-more,[data-outgoing-state="shake-more"] .shake-more,[data-incoming-state="shake-more"] .shake-more{display:flex}[data-state="shake-more"] .shake-more .column>*,[data-state="shake-more"] .shake-more .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="shake-more"] .shake-more .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="shake-more"] .shake-more .column>*,[data-outgoing-state="shake-more"] .shake-more .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="shake-more"] .shake-more .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="shake-more"] .shake-more .column>*,[data-incoming-state="shake-more"] .shake-more .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="shake-more"] .shake-more .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="progress-complete"] .progress-complete,[data-outgoing-state="progress-complete"] .progress-complete,[data-incoming-state="progress-complete"] .progress-complete{display:flex}[data-state="progress-complete"] .progress-complete .column>*,[data-state="progress-complete"] .progress-complete .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="progress-complete"] .progress-complete .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="progress-complete"] .progress-complete .column>*,[data-outgoing-state="progress-complete"] .progress-complete .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="progress-complete"] .progress-complete .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="progress-complete"] .progress-complete .column>*,[data-incoming-state="progress-complete"] .progress-complete .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="progress-complete"] .progress-complete .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="revealing"] .revealing,[data-outgoing-state="revealing"] .revealing,[data-incoming-state="revealing"] .revealing{display:flex}[data-state="revealing"] .revealing .column>*,[data-state="revealing"] .revealing .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="revealing"] .revealing .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="revealing"] .revealing .column>*,[data-outgoing-state="revealing"] .revealing .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="revealing"] .revealing .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="revealing"] .revealing .column>*,[data-incoming-state="revealing"] .revealing .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="revealing"] .revealing .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="revealed"] .revealed,[data-outgoing-state="revealed"] .revealed,[data-incoming-state="revealed"] .revealed{display:flex}[data-state="revealed"] .revealed .column>*,[data-state="revealed"] .revealed .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="revealed"] .revealed .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="revealed"] .revealed .column>*,[data-outgoing-state="revealed"] .revealed .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="revealed"] .revealed .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="revealed"] .revealed .column>*,[data-incoming-state="revealed"] .revealed .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="revealed"] .revealed .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="revealed-last"] .revealed-last,[data-outgoing-state="revealed-last"] .revealed-last,[data-incoming-state="revealed-last"] .revealed-last{display:flex}[data-state="revealed-last"] .revealed-last .column>*,[data-state="revealed-last"] .revealed-last .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="revealed-last"] .revealed-last .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="revealed-last"] .revealed-last .column>*,[data-outgoing-state="revealed-last"] .revealed-last .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="revealed-last"] .revealed-last .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="revealed-last"] .revealed-last .column>*,[data-incoming-state="revealed-last"] .revealed-last .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="revealed-last"] .revealed-last .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}[data-state="end"] .end,[data-outgoing-state="end"] .end,[data-incoming-state="end"] .end{display:flex}[data-state="end"] .end .column>*,[data-state="end"] .end .column .content>*{opacity:1;transform:translatey(0px);transition-duration:calc(var(--change-duration, 0s) * 1);transition-timing-function:var(--ease-in)}[data-state="end"] .end .flag{transform:translateX(0) rotate(0) scale(1);transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-timing-function:var(--ease-in)}[data-outgoing-state="end"] .end .column>*,[data-outgoing-state="end"] .end .column .content>*{opacity:0;transition-delay:0s !important;transition-duration:calc(var(--change-duration, 0s) * 0.3);transition-timing-function:var(--ease-out)}[data-outgoing-state="end"] .end .flag{transform:translateX(-100%) rotate(0deg) scale(0.5);transition-delay:0s !important;transition-timing-function:var(--ease-out)}[data-incoming-state="end"] .end .column>*,[data-incoming-state="end"] .end .column .content>*{opacity:0;transform:translatey(10px)}[data-incoming-state="end"] .end .flag{transform:translateX(-100%) rotate(0deg);transition-timing-function:var(--ease-out)}.shake-status span{display:none}[data-state="shake-more"] .shake,[data-state="shaking"] .shake{display:inline}[data-state="progress-complete"] .release,[data-state="revealing"] .release{display:inline}[data-state="shaking"] .shaking .column>*,[data-state="loading"] .loading .column>*{opacity:1}[data-state="idle"] .stage,[data-state="loading"] .stage{opacity:0;transition:none}[data-state="revealed-last"] .not-on-last{display:none}[data-state="revealed"] .flag{transition-delay:1s}[data-state="interaction-loading"] .interaction-request__content{opacity:0}[data-state="interaction-loading"] .interaction-loading__content{display:flex}[data-state="interaction-request"] .interaction-request__content{opacity:1}[data-state="interaction-request"] .interaction-loading__content{display:none}.under-snowglobe{--globe-space: calc(var(--globe-position) + (var(--globe-size) * 0.7));bottom:0;justify-content:center;left:0;min-height:auto;padding-top:var(--globe-space);right:0;top:0}.loading{justify-content:center;margin:0;max-height:100%}.interaction-request{justify-content:center;max-height:100%;padding-top:100px;position:relative}.interaction-request::before{background-color:rgba(0,0,0,0.8);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:calc(var(--change-duration, 0s) * 0.5);transition-property:opacity;transition-timing-function:var(--ease-in);width:100%}.interaction-loading__content{align-items:center;bottom:0;display:flex;display:none;justify-content:center;left:0;position:absolute;right:0;top:0}.modal-style-box{padding:40px 30px;position:relative}.modal-style-box .stars{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.modal-style-box .content{position:relative;z-index:2}.modal-style-box .star{fill:var(--color-light);left:50%;opacity:0;position:absolute;transition-delay:0s;transition-duration:calc(var(--change-duration, 0s) * 0.2);transition-property:transform, opacity;transition-timing-function:var(--ease-in);width:17px}.modal-style-box .star--1{top:0;transform:translateX(-50%) translateY(0%) rotate(160deg)}.modal-style-box .star--2{bottom:0;transform:translateX(-50%) translateY(0%) rotate(-160deg)}.modal-style-box .options{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal-style-box .options>:not(:last-child){margin:0 0 10px 0}.modal-style-box::after,.modal-style-box::before{border:2px solid var(--color-yellow);content:"";display:block;height:100%;opacity:0;position:absolute;top:0;transition-delay:calc(0.2s * var(--delay));transition-duration:calc(var(--change-duration, 0s) * 0.4);transition-property:opacity, transform;transition-timing-function:var(--ease-in);width:calc(50% - 30px);z-index:1}.modal-style-box::before{border-right:none;left:20px}.modal-style-box::after{border-left:none;right:20px}[data-state="interaction-request"] .modal-style-box::before,[data-state="interaction-request"] .modal-style-box::after,[data-state="interaction-request"] .modal-style-box .star{opacity:1;transition-delay:calc(0.75s * var(--delay));transition-duration:calc(var(--change-duration, 0s) * 1)}[data-state="interaction-request"] .modal-style-box .star{transition-delay:calc(1s * var(--delay))}[data-state="interaction-request"] .modal-style-box::before{transform:translateX(-20px)}[data-state="interaction-request"] .modal-style-box::after{transform:translateX(20px)}[data-state="interaction-request"] .modal-style-box .star--1{transform:translateX(-50%) translateY(-50%) rotate(0deg)}[data-state="interaction-request"] .modal-style-box .star--2{transform:translateX(-50%) translateY(50%) rotate(0deg)}[data-state="interaction-request"] .interaction-request::before{opacity:1}.progress-bar{background-color:var(--color-progress);border:5px solid var(--color-progress);border-radius:10px;height:20px;margin:0 auto calc(var(--base-space) * 3) auto;max-width:400px;overflow:hidden;position:relative;width:90vw}[data-state="progress-complete"] .progress-bar{animation:glow 1s linear infinite}@keyframes glow{0%,100%{box-shadow:0 0 10px var(--color-orange)}50%{box-shadow:0 0 20px var(--color-orange)}}.progress-bar__amount{background:linear-gradient(to bottom, #FF5D5D, #D7000F);background-color:var(--color-white);border-radius:10px;height:100%;overflow:hidden;position:absolute;right:100%;top:0;transform:translateX(calc(1% * var(--progress, 0)));width:100%}.progress-bar__amount::after{background:repeating-linear-gradient(-45deg, var(--color-white), var(--color-white) 10px, transparent 10px, transparent 20px);content:"";height:100%;left:0;position:absolute;top:0;width:calc(100% + 40px)}[data-state="progress-complete"] .progress-bar__amount,[data-state="revealing"] .progress-bar__amount{transform:translateX(100%)}.progress{background-color:var(--color-yellow);border-radius:20px;color:var(--color-dark);display:inline-block;font-family:var(--font-heading);font-size:14px !important;line-height:normal;margin-left:10px;padding:3px 10px 2px 10px;z-index:5}@media screen and (min-width: 40em){main{--app-height: 727px;--badge-top: 81px;--badge-left: 21px;--globe-radius: 189;--globe-radius-factor: 2px}.modal-style-box{padding:50px 70px}.modal-style-box .options{flex-direction:row}.modal-style-box .options>:not(:last-child){margin:0 10px 0 0}.interaction-request{padding-top:0px}}.end{min-height:100%}.end .row{height:100%}.end .column{align-items:center;display:flex;flex-direction:column;height:100%}.end .button{margin-bottom:calc(var(--base-space) * 2)}.end .title{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding-top:30px}@media screen and (min-width: 64em){.header img{width:200px}}@media screen and (min-width: 71.5em){main{--app-height: 830px;--badge-top: 85px;--badge-left: 67px;--globe-radius: 260}.header img{width:unset}.modal-style-box{padding:50px 100px}}@media screen and (max-width: 39.9375em){.end .end-screen__characters{max-width:320px;width:100%}.end h2{max-width:90%}.end .title{padding-top:135px}}@media (prefers-reduced-motion: reduce){[data-incoming-state="idle"] .idle .column>*{transform:translatey(0px)}[data-incoming-state="idle"] .idle .flag{transform:none}[data-incoming-state="loading"] .loading .column>*{transform:translatey(0px)}[data-incoming-state="loading"] .loading .flag{transform:none}[data-incoming-state="interaction-request"] .interaction-request .column>*{transform:translatey(0px)}[data-incoming-state="interaction-request"] .interaction-request .flag{transform:none}[data-incoming-state="interaction-loading"] .interaction-loading .column>*{transform:translatey(0px)}[data-incoming-state="interaction-loading"] .interaction-loading .flag{transform:none}[data-incoming-state="ready"] .ready .column>*{transform:translatey(0px)}[data-incoming-state="ready"] .ready .flag{transform:none}[data-incoming-state="shaking"] .shaking .column>*{transform:translatey(0px)}[data-incoming-state="shaking"] .shaking .flag{transform:none}[data-incoming-state="shake-more"] .shake-more .column>*{transform:translatey(0px)}[data-incoming-state="shake-more"] .shake-more .flag{transform:none}[data-incoming-state="progress-complete"] .progress-complete .column>*{transform:translatey(0px)}[data-incoming-state="progress-complete"] .progress-complete .flag{transform:none}[data-incoming-state="revealing"] .revealing .column>*{transform:translatey(0px)}[data-incoming-state="revealing"] .revealing .flag{transform:none}[data-incoming-state="revealed"] .revealed .column>*{transform:translatey(0px)}[data-incoming-state="revealed"] .revealed .flag{transform:none}[data-incoming-state="revealed-last"] .revealed-last .column>*{transform:translatey(0px)}[data-incoming-state="revealed-last"] .revealed-last .flag{transform:none}[data-incoming-state="end"] .end .column>*{transform:translatey(0px)}[data-incoming-state="end"] .end .flag{transform:none}.stagger--1{transition-delay:0s !important}.stagger--2{transition-delay:0s !important}.stagger--3{transition-delay:0s !important}.stagger--4{transition-delay:0s !important}.stagger--5{transition-delay:0s !important}.stagger--6{transition-delay:0s !important}.stagger--7{transition-delay:0s !important}.stagger--8{transition-delay:0s !important}.stagger--9{transition-delay:0s !important}.stagger--10{transition-delay:0s !important}.stagger--11{transition-delay:0s !important}.stagger--12{transition-delay:0s !important}.stagger--13{transition-delay:0s !important}.stagger--14{transition-delay:0s !important}.stagger--15{transition-delay:0s !important}.stagger--16{transition-delay:0s !important}.stagger--17{transition-delay:0s !important}.stagger--18{transition-delay:0s !important}.stagger--19{transition-delay:0s !important}.stagger--20{transition-delay:0s !important}.stage,.flag{transition:none}}.is-reduced-motion [data-incoming-state="idle"] .idle .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="idle"] .idle .flag{transform:none}.is-reduced-motion [data-incoming-state="loading"] .loading .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="loading"] .loading .flag{transform:none}.is-reduced-motion [data-incoming-state="interaction-request"] .interaction-request .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="interaction-request"] .interaction-request .flag{transform:none}.is-reduced-motion [data-incoming-state="interaction-loading"] .interaction-loading .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="interaction-loading"] .interaction-loading .flag{transform:none}.is-reduced-motion [data-incoming-state="ready"] .ready .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="ready"] .ready .flag{transform:none}.is-reduced-motion [data-incoming-state="shaking"] .shaking .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="shaking"] .shaking .flag{transform:none}.is-reduced-motion [data-incoming-state="shake-more"] .shake-more .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="shake-more"] .shake-more .flag{transform:none}.is-reduced-motion [data-incoming-state="progress-complete"] .progress-complete .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="progress-complete"] .progress-complete .flag{transform:none}.is-reduced-motion [data-incoming-state="revealing"] .revealing .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="revealing"] .revealing .flag{transform:none}.is-reduced-motion [data-incoming-state="revealed"] .revealed .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="revealed"] .revealed .flag{transform:none}.is-reduced-motion [data-incoming-state="revealed-last"] .revealed-last .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="revealed-last"] .revealed-last .flag{transform:none}.is-reduced-motion [data-incoming-state="end"] .end .column>*{transform:translatey(0px)}.is-reduced-motion [data-incoming-state="end"] .end .flag{transform:none}.is-reduced-motion .stagger--1{transition-delay:0s !important}.is-reduced-motion .stagger--2{transition-delay:0s !important}.is-reduced-motion .stagger--3{transition-delay:0s !important}.is-reduced-motion .stagger--4{transition-delay:0s !important}.is-reduced-motion .stagger--5{transition-delay:0s !important}.is-reduced-motion .stagger--6{transition-delay:0s !important}.is-reduced-motion .stagger--7{transition-delay:0s !important}.is-reduced-motion .stagger--8{transition-delay:0s !important}.is-reduced-motion .stagger--9{transition-delay:0s !important}.is-reduced-motion .stagger--10{transition-delay:0s !important}.is-reduced-motion .stagger--11{transition-delay:0s !important}.is-reduced-motion .stagger--12{transition-delay:0s !important}.is-reduced-motion .stagger--13{transition-delay:0s !important}.is-reduced-motion .stagger--14{transition-delay:0s !important}.is-reduced-motion .stagger--15{transition-delay:0s !important}.is-reduced-motion .stagger--16{transition-delay:0s !important}.is-reduced-motion .stagger--17{transition-delay:0s !important}.is-reduced-motion .stagger--18{transition-delay:0s !important}.is-reduced-motion .stagger--19{transition-delay:0s !important}.is-reduced-motion .stagger--20{transition-delay:0s !important}.is-reduced-motion .stage,.is-reduced-motion .flag{transition:none}
