.mascot-interactive{isolation:isolate;align-content:center;justify-self:center;width:100%;max-width:520px}.companion-stage{place-items:center;width:100%;height:400px;display:grid;position:relative}.companion-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 35% 25%,#fff9dd 0%,#e2ede6 58%,#d9e8df 100%);border-radius:50%;width:85%;max-height:340px;position:absolute;top:7%;box-shadow:inset 0 0 0 1px #ffffff70}.companion-canvas{z-index:2;cursor:pointer;touch-action:pan-y;border-radius:40%;position:absolute;inset:0}.companion-canvas:focus-visible{outline-offset:4px;outline:3px solid #3786a6}.companion-canvas:active{cursor:grabbing}.companion-canvas canvas{outline:none;width:100%;height:100%;display:block}.companion-ground{pointer-events:none;z-index:1;background:radial-gradient(#23385427,#0000 70%);border-radius:50%;width:45%;height:22px;position:absolute;bottom:15px}.approved-mascot .companion-fallback{z-index:2;width:auto;max-width:80%;height:330px;position:relative;animation:none!important}.companion-greeting{z-index:4;color:#1a2858;opacity:0;pointer-events:none;background:#fffdf8;border:1px solid #d5e2dc;border-radius:18px 18px 18px 4px;width:max-content;max-width:90%;padding:10px 17px;transition:opacity .22s,transform .22s;position:absolute;top:0;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 24px #1936560c;margin:0!important;font-size:14px!important;line-height:1.4!important}.companion-greeting.is-visible{opacity:1;transform:translate(-50%)}@media (min-width:1400px){.companion-stage{height:420px}}@media (max-width:850px){.companion-stage{height:340px}.companion-halo{max-height:290px}}@media (max-width:600px){.companion-stage{height:340px}.mascot-interactive{max-width:390px}}@media (prefers-reduced-motion:reduce){.companion-greeting{transition:none}}