.folia-bubble{position:fixed;inset:auto 20px 20px auto;margin:0;width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #f3d65e;border-radius:26px 26px 8px 26px;background:radial-gradient(ellipse at 75% 10%,#5c2c72,#251336 60%);color:#fff2ff;overflow:visible;box-shadow:0 20px 80px #000a}.folia-bubble::backdrop{background:#0c0617a1;backdrop-filter:blur(4px)}.folia-note{padding:18px 23px 17px;text-align:left}.folia-note>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.folia-kicker{font-size:11px;letter-spacing:1px;color:#60e4b2;font-weight:700}.folia-x{width:44px;height:44px;padding:0;font-size:26px;border:0;background:transparent;color:#fff1ab}.folia-package{position:relative;isolation:isolate;float:right;width:152px;height:142px;margin:-2px -8px 8px 8px}.folia-package>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2}.folia-shut{visibility:hidden}.folia-package>i{position:absolute;inset:15px;border-radius:50%;background:#f6d92e;filter:blur(24px);opacity:.2;z-index:1}.folia-bubble h2{font-family:Unbounded;font-size:23px;line-height:1.3;color:#ffeb9a;margin:14px 0 8px;min-height:56px}.folia-price{font-family:Unbounded;font-size:29px;color:#ffe15a;line-height:1.3;margin:8px 0 10px}.folia-copy{font-size:13px;line-height:1.5;color:#d8c0e3;margin:12px 0}.folia-message{display:block;clear:both;min-height:18px;font-size:11px;color:#bda6cd;line-height:1.45;margin:9px 0}.folia-buttons{display:grid;gap:7px;clear:both}.folia-buttons button{min-height:44px;font-size:13px}.folia-route,.folia-unseal{background:linear-gradient(120deg,#ffe884,#e4b42a);color:#2f1738;border-color:#ffde5a;font-weight:700}.folia-leave{background:transparent;border-color:#7e4a8d}.folia-age{display:block;color:#b9a0c9;font-size:11px;line-height:1.4;margin-top:10px}.folia-earned{clear:both;padding:11px;border-radius:10px;background:#1b1029;border:1px solid #ac8948}.folia-earned span,.folia-earned strong,.folia-earned small{display:block}.folia-earned span{font-size:11px;color:#3cdda4}.folia-earned strong{font-size:21px;color:#f8d868;margin:6px 0}.folia-earned small{font-size:11px}.folia-bubble[data-topic=stage] .folia-package{width:150px;height:150px}.folia-bubble[data-step=rattle] .folia-open{visibility:hidden}.folia-bubble[data-step=rattle] .folia-shut{visibility:visible;animation:folia-untie .14s linear 3}.folia-bubble[data-step=gleam] .folia-package>i{opacity:1;animation:folia-light .6s ease both}.folia-bubble[data-step=flight] .folia-package>i{opacity:.65;scale:1.5}.folia-spark-field{position:fixed;inset:0;pointer-events:none;overflow:visible;z-index:10}.folia-flying-token{position:fixed;width:28px;height:28px;object-fit:contain;animation:folia-money-path 1.2s ease-in-out both}.folia-credit-glow{text-shadow:0 0 23px #f6d95a}.folia-pin{position:fixed;right:14px;bottom:14px;z-index:14;display:flex;align-items:center;gap:5px;padding:4px 10px 4px 3px;border-radius:19px 19px 5px 19px;border:1px solid #d9b743;background:#3b1c4c;box-shadow:0 8px 25px #0008}.folia-pin img{width:52px;height:52px;object-fit:contain}.folia-pin span{font-size:11px;color:#eed38a}.folia-pin b{display:grid;place-items:center;width:22px;height:22px;position:absolute;right:-4px;top:-4px;background:#f8d83f;color:#2d1638;border-radius:50%;font-size:11px}.folia-has-style{animation:folia-ready 1.8s ease-in-out infinite}
@keyframes folia-untie{25%{rotate:-6deg}75%{rotate:6deg}}@keyframes folia-light{from{scale:.7;opacity:.2}to{scale:2;opacity:.9}}@keyframes folia-money-path{0%{opacity:0;transform:scale(.5)}12%{opacity:1}45%{transform:translate(var(--swoop-x),var(--swoop-y)) rotate(120deg) scale(1)}90%{opacity:1}100%{transform:translate(var(--arrival-x),var(--arrival-y)) rotate(330deg) scale(.2);opacity:0}}@keyframes folia-ready{50%{box-shadow:0 0 25px #f3cc4566}}
@media(max-width:650px){.folia-bubble{right:12px;bottom:12px}.folia-pin{right:8px;bottom:8px;padding-right:4px}.folia-pin span{display:none}.folia-pin img{width:44px;height:44px}.folia-bubble h2{font-size:22px}.folia-note{padding:12px 19px 16px}.folia-package{width:142px;height:135px}}
@media(max-height:680px){.folia-note{padding:9px 17px 13px}.folia-package{width:126px;height:124px;margin:0 0 4px 6px}.folia-bubble[data-topic=stage] .folia-package{width:130px;height:130px}.folia-bubble h2{font-size:21px;margin-top:9px}.folia-price{font-size:26px}.folia-copy{font-size:12px;line-height:1.4}.folia-message{margin:6px 0}.folia-age{margin-top:8px}.folia-buttons{gap:6px}}
@media(prefers-reduced-motion:reduce){.folia-has-style,.folia-package>i,.folia-shut{animation:none!important}.folia-flying-token{animation:folia-soft .25s ease both}.folia-has-style{border-color:#ffeb8a}@keyframes folia-soft{from{opacity:0}to{opacity:1}}}


/* convite · posição unificada (gaveta inferior no celular, base no desktop) */
dialog.folia-bubble{position:fixed!important;inset:auto 0 0 0!important;margin:0 auto!important;width:100%!important;max-width:100%!important;height:fit-content!important;min-height:0!important;max-height:min(50dvh,440px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;border-radius:24px 24px 0 0!important;transform:none!important;rotate:none!important;z-index:1000!important;padding-bottom:env(safe-area-inset-bottom)}
dialog.folia-bubble>*{max-height:none!important;height:auto!important;min-height:0!important;transform:none!important;rotate:none!important}
dialog.folia-bubble[open]{animation:folia-bubb-surge .34s cubic-bezier(.2,.8,.3,1)}
@keyframes folia-bubb-surge{from{translate:0 100%}to{translate:0 0}}
dialog.folia-bubble img[alt]:not([alt='']){width:120px!important;height:120px!important;max-width:none!important;max-height:none!important;min-height:0!important;object-fit:contain}
button.folia-x{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;min-width:44px!important;min-height:44px!important;z-index:5}
@media(min-width:768px){dialog.folia-bubble{bottom:16px!important;width:clamp(480px,60vw,760px)!important;max-height:50vh!important;border-radius:24px!important}dialog.folia-bubble img[alt]:not([alt='']){width:160px!important;height:160px!important}}
@media(max-width:360px){dialog.folia-bubble img[alt]:not([alt='']){width:88px!important;height:88px!important}}
@media(max-height:500px) and (max-width:1000px){dialog.folia-bubble{inset:auto 0 0 0!important;margin:0 auto!important;width:100%!important;max-height:70dvh!important;border-radius:22px 22px 0 0!important}dialog.folia-bubble img[alt]:not([alt='']){width:88px!important;height:88px!important}}
@media(prefers-reduced-motion:reduce){dialog.folia-bubble[open]{animation:none}}
dialog.folia-bubble button:is([aria-label*="echar" i],[aria-label*="lose" i]){min-width:46px!important;min-height:46px!important}
@media(max-height:500px){dialog.folia-bubble[open]{animation:none!important;translate:none!important}}
dialog.folia-bubble[open]{animation:none!important;translate:none!important}