@font-face{font-family:HelsinkiGrotesk;src:url(/fonts/HelsinkiGrotesk/HelsinkiGroteskPro-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:HelsinkiGrotesk;src:url(/fonts/HelsinkiGrotesk/HelsinkiGroteskPro-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:HelsinkiGrotesk;src:url(/fonts/HelsinkiGrotesk/HelsinkiGroteskPro-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HelsinkiGrotesk;src:url(/fonts/HelsinkiGrotesk/HelsinkiGroteskPro-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--pink: #F6A4CA;--teal: #2BC4A0;--teal-dark: #1A9E82;--yellow: #FFE357;--vaakuna: #0072C6;--engel: #FFE977;--blue-btn: #A8D4F0;--white: #FFFFFF;--black: #111111;--grey-box: #D9D9D9;--font: "HelsinkiGrotesk", "Nunito", sans-serif;--radius-btn: 40px;--radius-card:20px;--button-shadow-rest: 0 4px 0 rgba(17,17,17,.07);--button-shadow-hover: 0 5px 0 rgba(17,17,17,.07);--button-shadow-press: 0 2px 0 rgba(17,17,17,.06);--outline-color: #feed79}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--pink);-webkit-font-smoothing:antialiased;font-family:var(--font)}#root{width:100%;height:100%;overflow:hidden}button{font-family:var(--font);border:none;outline:none;background:none;cursor:pointer}img{display:block;max-width:100%}.game-wrapper{position:relative;width:100%;height:100dvh;background:var(--pink);overflow:hidden}.viewport-fit-frame{position:relative;width:100%;height:100%;overflow:hidden}.viewport-fit-content{position:relative;z-index:2;width:100%;height:100%;transform-origin:top center;opacity:0;backface-visibility:hidden;will-change:transform,opacity}.viewport-fit-content.is-ready{opacity:1}.clouds-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.clouds-layer-back,.clouds-layer-front{z-index:0}.cloud{position:absolute;height:auto;pointer-events:none}.cloud-ltr{left:-220px;animation:cloudLTR linear infinite}.cloud-rtl{right:-220px;animation:cloudRTL linear infinite}@keyframes cloudLTR{0%{transform:translate(0)}to{transform:translate(calc(100vw + 240px))}}@keyframes cloudRTL{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 240px))}}.nature-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--pink);cursor:none;overflow:hidden}.nature-mode .clouds-layer-back{z-index:1}.nature-mode .clouds-layer-front{z-index:2}.nature-mode-fade-in{animation:natureFadeIn .6s ease forwards}.nature-mode-fade-out{animation:natureFadeOut .5s ease forwards}@keyframes natureFadeIn{0%{opacity:0}to{opacity:1}}@keyframes natureFadeOut{0%{opacity:1}to{opacity:0}}.teal-ribbon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--ribbon-width, min(76vw, 306px))}.teal-ribbon-img{width:100%;height:auto;display:block}.teal-ribbon-text{position:absolute;top:45%;left:50%;transform:translate(-50%,var(--ribbon-text-offset-y, -68%));width:var(--ribbon-text-width, 76%);font-family:var(--font);font-weight:900;font-size:var(--ribbon-text-size, clamp(.78rem, 3.5vw, 1.05rem));color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:var(--ribbon-letter-spacing, .01em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.btn-cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:380px;min-height:50px;padding:12px 24px;background:var(--yellow);border:2px solid rgba(255,255,255,.42);border-radius:var(--radius-btn);box-shadow:var(--button-shadow-rest);font-family:var(--font);font-weight:900;font-size:clamp(.85rem,3.2vw,1rem);color:#111;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;position:relative;z-index:5}.btn-cta:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.btn-cta:active{transform:translateY(2px);box-shadow:var(--button-shadow-press)}.loading-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.loading-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-helsinki-logo{width:min(140px,36vw);height:auto}.loading-character-wrap{width:150px;height:180px;display:flex;align-items:center;justify-content:center}.loading-character{width:100%;height:100%;object-fit:contain;transition:opacity .18s ease;animation:charFloat 1.8s ease-in-out infinite}.char-visible{opacity:1}.char-hidden{opacity:0}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-bar-track{width:220px;height:8px;background:#ffffff59;border-radius:10px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#ffe000,#f5e642,#ffe000);background-size:200% 100%;border-radius:10px;box-shadow:0 0 8px #f5e642b3;animation:bar-fill 4.2s ease-out forwards,bar-shimmer 1.4s linear infinite}@keyframes bar-fill{0%{width:0%}80%{width:82%}95%{width:91%}to{width:100%}}@keyframes bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.start-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.start-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:480px;height:100%;margin:0 auto;padding:26px 20px 18px;gap:14px}.start-welcome{font-weight:900;font-size:clamp(1rem,4.2vw,1.34rem);line-height:1.12;color:#111;text-align:center}.start-ribbon{flex-shrink:0}.start-helsinki-logo{width:min(110px,28vw);height:auto}.start-hero-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:visible;animation:startHeroFloat var(--start-map-float-duration, 5.8s) ease-in-out infinite}.start-hero{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.start-helsinki-logo-overlay{position:absolute;top:var(--start-logo-top, -18px);left:var(--start-logo-left, 50%);transform:translate(var(--start-logo-shift-x, -50%),var(--start-logo-shift-y, 0px));width:var(--start-logo-width, min(80px, 20vw));height:auto;z-index:3}@keyframes startHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--start-map-float-distance, 10px) * -1))}}.start-character-sprite{position:absolute;width:15%;transform:translate(-50%,-80%);pointer-events:none;filter:drop-shadow(2px 0 0 var(--outline-color, #feed79)) drop-shadow(-2px 0 0 var(--outline-color, #feed79)) drop-shadow(0 2px 0 var(--outline-color, #feed79)) drop-shadow(0 -2px 0 var(--outline-color, #feed79)) drop-shadow(1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(1.5px -1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px -1.5px 0 var(--outline-color, #feed79))}.start-body{font-weight:700;font-size:clamp(.9rem,3vw,1.02rem);color:#111;text-align:center;line-height:1.42;max-width:88%;white-space:normal}.start-cta{margin-top:2px;min-height:64px;font-size:clamp(1.05rem,4vw,1.22rem)}.quiz-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.quiz-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:480px;height:100%;margin:0 auto;padding:14px 12px 10px;gap:10px;overflow:hidden}.quiz-brand-label{font-weight:900;font-size:clamp(.82rem,2.9vw,1.04rem);color:#111;text-align:center;flex-shrink:0}.quiz-stage{position:relative;width:min(432px,96%);flex:1;min-height:0;display:flex;align-items:stretch}.quiz-ribbon{position:absolute;top:-2px;left:50%;transform:translate(-50%);z-index:3;flex-shrink:0}.quiz-card{align-self:stretch;background:#f7f7f8;border-radius:26px;border:none;box-shadow:0 5px #ffffff2e,0 2px 12px #0000000a;width:100%;flex:1;min-height:0;margin-top:20px;padding:66px 18px 18px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.quiz-meta-row{display:flex;align-items:center;justify-content:center;width:92%;margin:6px auto 0;gap:18px;flex-shrink:0}.quiz-meta-chip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;flex:0 1 calc(50% - 6px);padding:6px 16px;background:#18b99c;border:none;border-radius:10px;font-weight:900;font-size:clamp(.82rem,2.7vw,.92rem);color:#111;position:relative}.quiz-meta-chip.urgent{background:#ff8080}.quiz-meta-chip>span{display:block;width:100%;text-align:center}.chip-img{width:38px;height:38px;object-fit:contain;display:inline-block;position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:#fff4e0;border:2px solid #18b99c;border-radius:999px;padding:5px}.question-box{background:var(--engel);border-radius:18px;border:3px solid rgba(17,17,17,.1);box-shadow:inset 0 5px #00000014;padding:24px 20px;min-height:138px;max-height:300px;flex:1;display:flex;align-items:center;justify-content:center}.question-text{font-weight:800;font-size:clamp(1.18rem,4.7vw,1.82rem);color:#111;text-align:center;line-height:1.16;max-width:94%}.answers-list{display:flex;flex-direction:column;gap:8px;flex:none;overflow:visible;justify-content:flex-start}.answer-btn{width:100%;flex:none;min-height:44px;max-height:60px;padding:7px 16px;background:#9ec8e6;border:2px solid rgba(255,255,255,.62);border-radius:20px;box-shadow:0 2px #11111108;font-family:var(--font);font-weight:900;font-size:clamp(.82rem,3vw,1rem);color:#111;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background-color .12s ease;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.18;position:relative;z-index:5}.answer-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #1111110a;filter:brightness(1.02)}.answer-btn:active:not(:disabled){transform:translateY(1px) scale(.996);box-shadow:0 1px #11111108}.answer-btn.selected{background:#89bddf;border-color:#ffffffad;box-shadow:0 1px #11111108;transform:translateY(1px)}.answer-btn:disabled{cursor:default}.multi-check{width:18px;height:18px;flex-shrink:0;border:2px solid #111;border-radius:4px;background:#fff;position:relative}.multi-check.checked{background:var(--teal);border-color:var(--teal-dark)}.multi-check.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-weight:900}@keyframes answerSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.answer-enter{animation:answerSlideIn .22s ease forwards;opacity:0}.quiz-next-btn{margin-top:4px;flex-shrink:0;flex:unset;max-height:unset;position:relative;z-index:5}.generator-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.generator-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:14px}.generator-ribbon{flex-shrink:0}.generator-image-wrap{width:min(360px,84vw);display:flex;align-items:center;justify-content:center}.generator-image{width:100%;height:auto}@keyframes machineShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-2px,1px) rotate(-.5deg)}20%{transform:translate(2px,-1px) rotate(.5deg)}30%{transform:translate(-1px,2px) rotate(-.3deg)}40%{transform:translate(1px,-2px) rotate(.4deg)}50%{transform:translate(-2px) rotate(-.5deg)}60%{transform:translate(2px,1px) rotate(.3deg)}70%{transform:translate(-1px,-1px) rotate(-.4deg)}80%{transform:translate(1px,2px) rotate(.5deg)}90%{transform:translate(-2px,-1px) rotate(-.3deg)}}.generator-shake{animation:machineShake .18s linear infinite;transform-origin:center bottom}.generator-smoke-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}@keyframes smokePuff{0%{opacity:0;transform:scale(.2) translateY(0)}20%{opacity:.7;transform:scale(.7) translateY(-20px)}60%{opacity:.5;transform:scale(1.2) translateY(-70px)}to{opacity:0;transform:scale(1.6) translateY(-130px)}}.gen-smoke{position:absolute;bottom:44%;border-radius:50%;background:#ffffffb8;box-shadow:0 0 12px #fff6;animation:smokePuff 1.6s ease-out infinite;animation-fill-mode:both}.generator-text-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}@keyframes textParticle{0%{opacity:0;transform:rotate(var(--rot)) translateY(0) scale(.6)}15%{opacity:1;transform:rotate(var(--rot)) translateY(-8px) scale(1.1)}70%{opacity:1;transform:rotate(var(--rot)) translateY(-28px) scale(1)}to{opacity:0;transform:rotate(var(--rot)) translateY(-54px) scale(.85)}}.gen-text-particle{position:absolute;font-family:var(--font);font-weight:900;font-size:clamp(.7rem,2.4vw,.92rem);color:#111;background:#ffffffe6;border:none;border-radius:999px;padding:3px 10px;white-space:nowrap;box-shadow:0 2px 6px #0000001f;animation:textParticle 1.4s ease-out infinite;animation-fill-mode:both}.result-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.result-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:480px;height:100%;margin:0 auto;padding:6px 12px 8px;gap:6px}.result-hero{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;margin-bottom:-28px}.result-overline{font-weight:900;font-size:clamp(.7rem,2.45vw,.86rem);letter-spacing:.03em;text-transform:uppercase;color:#1f1f1f;text-align:center}.result-ribbon{flex-shrink:0}.result-card{position:relative;z-index:1;background:#f7f7f8;border-radius:28px;box-shadow:0 5px #ffffff2e,0 2px 12px #0000000d;width:100%;flex-shrink:0;padding:14px 14px 0}.result-card-image{width:100%;aspect-ratio:12 / 5.8;border-radius:20px;overflow:hidden;background:transparent}.result-card-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateY(8px)}.result-card-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 14px}.result-card-kicker{font-weight:900;font-size:clamp(.62rem,2.05vw,.74rem);line-height:1.08;letter-spacing:.05em;text-transform:uppercase;color:#2d6578}.result-description{font-weight:700;font-size:clamp(.9rem,3.1vw,1.08rem);color:#111;line-height:1.4}.result-card--hero{padding:14px 14px 12px}.result-card--hero .result-card-image{aspect-ratio:1.14 / 1;min-height:clamp(150px,28vh,260px)}.result-card--hero .result-card-image img{object-position:center center;transform:none}.result-card-body--hero{padding:10px 8px 4px}.result-network-card{position:relative;z-index:2;background:#f7f7f8;border-radius:24px;box-shadow:0 5px #ffffff29,0 2px 14px #00000012;width:100%;padding:16px;flex-shrink:0}.result-network-content{display:grid;grid-template-columns:124px minmax(0,1fr);gap:0 14px;align-items:stretch}.result-network-image{width:124px;align-self:stretch;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 3px 8px #0000001a}.result-network-image img{width:100%;height:100%;object-fit:contain;padding:6px}.result-network-info{display:flex;flex-direction:column;gap:5px;justify-content:center}.result-network-tag{display:inline-flex;align-self:flex-start;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#18b99c;color:#fff;font-weight:900;font-size:clamp(.65rem,2vw,.76rem);letter-spacing:.04em;text-transform:uppercase}.result-network-heading{font-weight:900;font-size:clamp(.98rem,3.2vw,1.16rem);color:#111;text-align:left;line-height:1.15;margin:0}.result-network-body{font-weight:600;font-size:clamp(.7rem,2.15vw,.82rem);color:#111;line-height:1.3}.result-network-contact-list{display:flex;flex-direction:column;gap:4px}.result-network-contact{font-weight:700;font-size:clamp(.7rem,2.2vw,.82rem);color:#111;display:flex;align-items:center;gap:8px;min-height:28px;padding:3px 10px;border-radius:999px;background:#ffffffd1}.contact-icon-img{width:16px;height:16px;object-fit:contain;display:inline-block;flex-shrink:0}.result-play-again{flex-shrink:0;margin-top:2px;margin-bottom:8px}.result-locations-card{position:relative;z-index:2;background:#f7f7f8;border-radius:24px;box-shadow:0 5px #ffffff29,0 2px 14px #00000012;width:100%;padding:14px 16px 16px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.result-locations-heading{font-weight:900;font-size:clamp(.72rem,2.4vw,.88rem);letter-spacing:.05em;text-transform:uppercase;color:#2d6578;margin:0}.result-mini-map{position:relative;width:100%;border-radius:16px;overflow:hidden;background:transparent}.result-mini-map-svg{width:100%;height:auto;display:block;border-radius:16px}.result-mini-map-character{position:absolute;width:22%;transform:translate(-50%,-80%);pointer-events:none;filter:drop-shadow(2px 0 0 var(--outline-color, #feed79)) drop-shadow(-2px 0 0 var(--outline-color, #feed79)) drop-shadow(0 2px 0 var(--outline-color, #feed79)) drop-shadow(0 -2px 0 var(--outline-color, #feed79)) drop-shadow(1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(1.5px -1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px -1.5px 0 var(--outline-color, #feed79))}.result-locations-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.result-location-item{font-weight:700;font-size:clamp(.72rem,2.3vw,.86rem);color:#111;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffffffd1;border-radius:999px}.result-location-item:before{content:"📍";font-size:.9em;flex-shrink:0}.explore-screen{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.explore-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:520px;height:100%;margin:0 auto;padding:4px 12px 8px;gap:5px}.explore-hero{margin-bottom:-28px}.explore-card .result-card-image{aspect-ratio:1.28 / 1;min-height:clamp(130px,24vh,230px)}.explore-card .result-card-image img{object-position:center center;transform:none}.explore-card .result-card-body{gap:5px;padding:8px 12px}.explore-card .result-card-kicker{font-size:clamp(.58rem,1.95vw,.72rem)}.explore-card .result-description{font-size:clamp(.72rem,2.05vw,.86rem)}.explore-info-card{position:relative;z-index:1;background:#f7f7f8;border-radius:20px;box-shadow:0 2px 12px #0000000f;width:100%;padding:12px 16px;flex-shrink:0}.map-inline-wrap,.map-inline-svg{width:100%;height:100%}.map-inline-svg svg{width:100%;height:100%;display:block}.explore-map-wrap{position:relative;width:100%;aspect-ratio:976.9 / 684.2;flex-shrink:0;border-radius:20px;overflow:hidden}.explore-map-svg{width:100%;height:100%;object-fit:contain;display:block}.explore-character{position:absolute;width:15%;transform:translate(-50%,-80%);background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.explore-character img{width:100%;height:auto;display:block;filter:drop-shadow(2px 0 0 var(--outline-color, #feed79)) drop-shadow(-2px 0 0 var(--outline-color, #feed79)) drop-shadow(0 2px 0 var(--outline-color, #feed79)) drop-shadow(0 -2px 0 var(--outline-color, #feed79)) drop-shadow(1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px 1.5px 0 var(--outline-color, #feed79)) drop-shadow(1.5px -1.5px 0 var(--outline-color, #feed79)) drop-shadow(-1.5px -1.5px 0 var(--outline-color, #feed79))}.explore-character.selected img{filter:drop-shadow(3px 0 0 var(--outline-color, #feed79)) drop-shadow(-3px 0 0 var(--outline-color, #feed79)) drop-shadow(0 3px 0 var(--outline-color, #feed79)) drop-shadow(0 -3px 0 var(--outline-color, #feed79)) drop-shadow(2px 2px 0 var(--outline-color, #feed79)) drop-shadow(-2px 2px 0 var(--outline-color, #feed79)) drop-shadow(2px -2px 0 var(--outline-color, #feed79)) drop-shadow(-2px -2px 0 var(--outline-color, #feed79))}.explore-character.selected{transform:translate(-50%,-80%) scale(1.2);z-index:2}.explore-character.dimmed{opacity:.55;filter:none}.explore-character:hover{transform:translate(-50%,-80%) scale(1.1);opacity:1;z-index:2}.explore-play-again{flex-shrink:0;margin-top:-2px;margin-bottom:8px}@media (max-width: 767px){.explore-inner{max-width:480px;padding:8px 12px 10px;gap:8px}.explore-card .result-card-image{aspect-ratio:1.3 / 1;min-height:clamp(160px,30vh,260px)}.explore-map-wrap{display:block;min-height:248px;touch-action:manipulation}.explore-play-again{margin-top:0;margin-bottom:4px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.screen-loading .viewport-fit-frame,.screen-start .viewport-fit-frame,.screen-quiz .viewport-fit-frame,.screen-generator .viewport-fit-frame,.screen-result .result-screen,.screen-explore .explore-screen{animation:fadeIn .25s ease both}.start-welcome{animation:slideDown .36s ease .06s both}.start-ribbon{animation:fadeIn .38s ease .14s both}.start-helsinki-logo{animation:fadeIn .32s ease .22s both}.start-hero-wrap{animation:popIn .48s cubic-bezier(.22,1,.36,1) .18s both,startHeroFloat var(--start-map-float-duration, 5.8s) ease-in-out .66s infinite}.start-body{animation:slideUp .34s ease .28s both}.start-cta{animation:popIn .42s cubic-bezier(.22,1,.36,1) .36s both}.quiz-brand-label{animation:slideDown .28s ease .04s both}.quiz-ribbon{animation:fadeIn .32s ease .1s both}.quiz-card{animation:slideUp .4s cubic-bezier(.22,1,.36,1) .08s both}.result-overline{animation:slideDown .32s ease .04s both}.result-ribbon{animation:fadeIn .36s ease .12s both}.result-card{animation:slideUp .42s cubic-bezier(.22,1,.36,1) .18s both}.result-locations-card{animation:slideUp .38s cubic-bezier(.22,1,.36,1) .28s both}.result-play-again{animation:popIn .4s cubic-bezier(.22,1,.36,1) .38s both}.generator-ribbon{animation:fadeIn .32s ease .08s both}.generator-image-wrap{animation:popIn .48s cubic-bezier(.22,1,.36,1) .18s both}.explore-ribbon{animation:fadeIn .32s ease .06s both}.explore-city-badge{animation:fadeIn .28s ease .12s both}.explore-persona-info{animation:slideUp .36s cubic-bezier(.22,1,.36,1) .14s both}.explore-map-wrap{animation:popIn .44s cubic-bezier(.22,1,.36,1) .2s both}.explore-play-again{animation:popIn .38s cubic-bezier(.22,1,.36,1) .3s both}@media (min-width: 768px){.teal-ribbon-text{font-size:var(--ribbon-text-size, 1.2rem)}.result-card-image{aspect-ratio:12 / 5}.result-network-content{grid-template-columns:128px minmax(0,1fr)}.result-network-image{width:128px}.answer-btn{font-size:1.05rem}.explore-inner{max-width:1100px;display:grid;grid-template-columns:392px minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"hero  map" "card  map" ".     btn";gap:8px 20px;align-items:start;align-content:start}.explore-hero{grid-area:hero;margin-bottom:0}.explore-card{grid-area:card}.explore-map-wrap{grid-area:map;align-self:stretch;aspect-ratio:unset;min-height:400px}.explore-play-again{grid-area:btn;justify-self:center;width:min(380px,100%);margin-top:-4px;margin-bottom:10px}}