/* Candy Blast V13 — Home pública. Estrutura e animações da moldura transplantadas
   do código compilado Bubble: index-DPX3B-wu.css (lp-hero-banner, lp-video-badge,
   card-border-spin, fire-border-flicker, fire-glow-pulse, bonusSweep).
   As demais telas seguem no CSS original v11.css sem alteração. */

/* O cabeçalho original do Candy é mantido. Evita deslocamentos ao rolar. */
html{scroll-padding-top:calc(var(--head-h) + 16px)}
body{overflow-x:clip}
.header{position:fixed!important;inset:0 0 auto 0!important;transform:none!important;z-index:1000;will-change:auto}
.header-inner{max-width:1320px;margin-inline:auto;transform:none}
.brand{overflow:visible!important;display:flex;align-items:center;justify-content:flex-start}
.brand img{object-fit:contain;object-position:center;display:block;max-width:100%;max-height:100%}
.header-buttons{white-space:nowrap}
.header-btn{flex-shrink:0}
[hidden]{display:none!important}

/* Hero reaproveita o cenário Candy da V11, sem logo central ou texto antigo. */
.landing-v13{background:linear-gradient(180deg,#c4e9f8 0,#f7f1ee 40%,#f9ecf2 100%)}
.cb-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--head-h) + var(--safe-top) + 28px) 16px 50px;background:linear-gradient(180deg,#b4ddf5 0%,#e2eff6 57%,#f7deeb 100%)}
.cb-sky{position:absolute;z-index:-1;inset:0;background:url('v11-landscape.svg') center 35%/cover no-repeat;opacity:.92;pointer-events:none}
.cb-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#def4fd5c 0,#f1fcff48 55%,#fff1f8c7 100%)}
.cb-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1160px;margin:auto;gap:0}
.cb-hero-title{text-align:center;margin:0 auto 10px;max-width:750px}
.cb-kicker{display:block;font-size:11px;font-weight:1000;letter-spacing:.17em;color:#68335a;margin-bottom:9px}
.cb-hero-title h1{margin:0 auto 10px;max-width:750px;color:#fff9fe;font-size:clamp(30px,4.5vw,57px);line-height:1.03;font-weight:1000;letter-spacing:-1.5px;text-shadow:0 3px 0 #582774,0 5px 9px #35145370;-webkit-text-stroke:.5px #61367b}
.cb-hero-title h1 span{color:#fff097;display:inline-block}
.cb-hero-title p{max-width:580px;margin:0 auto;color:#543551;font-weight:900;font-size:clamp(12px,1.3vw,16px);line-height:1.4}

/* Bubble original (reproduzidos seletivamente da folha CSS do ZIP): */
@property --card-spin{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes card-border-spin{to{--card-spin:360deg}}
@keyframes fire-border-flicker{0%{opacity:.75;filter:brightness(.95)}to{opacity:1;filter:brightness(1.15)}}
@keyframes fire-glow-pulse{0%{opacity:.55;transform:scale(.995)}to{opacity:1;transform:scale(1)}}
@keyframes bonusPulse{0%,to{box-shadow:0 0 5px #f5c51840}50%{box-shadow:0 0 16px #f5c51899}}
@keyframes bonusSweep{0%{background-position:100% 0}to{background-position:0 0}}
/* Proporções/posicionamento originais Bubble; tokens de cor adaptados para o Candy. */
.lp-hero-banner{border:1px solid #ffffff1a;border-radius:20px;max-width:320px;margin:0 auto 24px;overflow:hidden;box-shadow:0 16px 40px #00000073}
.lp-hero-banner img,.lp-hero-banner video{width:100%;display:block}
.lp-hero-banner--video{isolation:isolate;border:0;border-radius:24px;max-width:280px;margin:30px auto 24px;position:relative;overflow:visible;box-shadow:0 18px 48px #0000008c}
.lp-hero-banner--video:before{content:"";z-index:2;pointer-events:none;background:conic-gradient(from var(--card-spin),#8b5cf6 0deg,#d84aff 70deg,#ff69dc 135deg,#ffd166 190deg,#f05bd8 245deg,#a855f7 305deg,#8b5cf6 360deg);border-radius:29px;padding:5px;animation:2.2s linear infinite card-border-spin,1.1s ease-in-out infinite alternate fire-border-flicker;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}
.lp-hero-banner--video:after{content:"";z-index:-1;pointer-events:none;border-radius:30px;animation:1.3s ease-in-out infinite alternate fire-glow-pulse;position:absolute;inset:-6px;box-shadow:0 0 14px #a855f78c,0 0 30px #d84aff61,inset 0 0 10px #c084fc26}
.lp-video-badge{z-index:6;color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#12062b;border:3px solid #f05bd8;border-radius:999px;padding:8px 20px;font-size:.76rem;font-weight:900;line-height:1.1;animation:2.4s ease-in-out infinite bonusPulse;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #12062b,0 0 18px #f05bd8cc}
.lp-video-badge strong{color:#f05bd8;font:inherit}
.lp-video-badge-icon{fill:#fff;vertical-align:-.14em;width:1.05em;height:1.05em;margin-right:5px}
.lp-video-badge:after{content:"";border-radius:inherit;background:linear-gradient(115deg,#0000 34%,#ffffff1f 43%,#ffffffa6 50%,#ffffff1f 57%,#0000 66%) 0 0/250% 100%;animation:4.8s linear infinite bonusSweep;position:absolute;inset:0}
.lp-hero-banner video{z-index:1;background:#12062b;border-radius:22px;height:auto;position:relative}
.lp-video-link{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:22px;width:100%;padding:0;display:block;overflow:hidden}
.lp-video-link video{pointer-events:none}
.lp-video-link:focus-visible{outline:3px solid #f05bd8;outline-offset:5px}
/* End Bubble copied region. */
.cb-video-frame{width:min(280px,calc(100vw - 50px));margin:40px auto 20px;aspect-ratio:9 / 16}
.cb-video-frame .lp-video-badge{font-size:10px;padding:8px 13px;border-width:2px;min-height:33px}
.cb-video-body{width:100%;height:100%;position:relative;aspect-ratio:9/16;cursor:pointer;background:linear-gradient(155deg,#21152f,#322044 54%,#1c1630);border:2px solid #b78ccd;box-shadow:inset 0 0 27px #0005}
.cb-video-body video{width:100%;height:100%;object-fit:contain;background:#170e28}
.cb-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#ffecfa;text-align:center;background:radial-gradient(circle at 50% 32%,#683a88bb,transparent 55%),linear-gradient(160deg,#241633,#1b132c);padding:16px}
.cb-video-placeholder strong{font-size:19px;letter-spacing:.01em;font-weight:1000}
.cb-video-placeholder>span{font-size:11px;color:#c5b6d5;font-weight:800}
.cb-video-placeholder-symbol{display:flex;gap:10px;margin-bottom:16px;color:#ff94c4;font-size:30px;opacity:.85}
.cb-video-placeholder-symbol span:nth-child(2){color:#a1e3bd}.cb-video-placeholder-symbol span:nth-child(3){color:#fcd274}
.cb-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;width:min(100%,620px);margin:0 auto 16px}
.cb-benefit{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-width:0;border:1px solid #fff;background:#fffafbf2;border-radius:999px;padding:9px 6px;font-size:11px;font-weight:1000;color:#4b2e4c;box-shadow:0 3px 12px #4f35531c}
.cb-benefit small{font-size:9px;color:#b05582;font-weight:900}
.cb-benefit-icon{display:inline-grid;place-items:center;color:#bb3788;flex:none;font-size:15px;line-height:1}
.cb-actions{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}
.cb-main-play{max-width:420px;width:min(100%,420px);min-height:62px;letter-spacing:.015em;box-shadow:0 7px 0 #8e134c,0 13px 24px #9a195a44}
.cb-existing-account{border:0;background:transparent;color:#3b244d;cursor:pointer;font-size:15px;font-weight:1000;padding:13px 22px;border-radius:12px;text-decoration:none}
.cb-existing-account:hover,.cb-existing-account:focus-visible{background:#fff9;color:#b3076a}
.cb-existing-account span{padding-left:8px}
/* Adapted original Bubble scroll-snap carousel behaviour, matching lp-howto-scroll. */
.cb-section{max-width:1140px;margin:0 auto;padding:42px 18px}
.cb-how{margin-top:-12px;position:relative;background:#fffaf7f5;border:1px solid #fff7fc;border-radius:28px;box-shadow:0 12px 34px #72345a26}
.cb-section-heading{text-align:center;margin-bottom:20px}
.cb-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:1000;color:#c5297d}
.cb-section-heading h2{font-size:clamp(25px,3.4vw,36px);font-weight:1000;line-height:1.08;margin:6px 0;color:#582b58;letter-spacing:-.02em}
.cb-section-heading p{font-size:13px;max-width:600px;margin:0 auto;color:#795c77;font-weight:800}
.cb-carousel-outer{position:relative;padding:0 28px}
.lp-howto-scroll,.cb-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:8px 8px 20px;scroll-padding-inline:8px;display:flex;overflow-x:auto;overscroll-behavior-x:contain}
.lp-howto-scroll::-webkit-scrollbar,.cb-carousel::-webkit-scrollbar{display:none}
.lp-howto-card{scroll-snap-align:start;background:#fffefd;border:1px solid #f3d5e4;border-radius:18px;flex:0 0 clamp(220px,24vw,260px);overflow:hidden;box-shadow:0 8px 18px #6f315420;min-width:0}
.lp-howto-visual{aspect-ratio:3/2;background:#fff4f8;position:relative;overflow:hidden}
.lp-howto-visual img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}
.cb-visual-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:linear-gradient(155deg,#fff1f7,#f2e7f6);color:#965f88}
.cb-visual-placeholder>span{display:grid;place-items:center;width:45px;height:45px;border:2px dashed #d49bbb;border-radius:14px;font-weight:1000;color:#c54c8d;font-size:21px}
.cb-visual-placeholder small{font-size:11px;font-weight:900}
.lp-howto-card h3{padding:16px 15px 5px;font-size:17px;font-weight:1000;color:#bc226e;line-height:1.2;margin:0}
.lp-howto-card p{padding:0 15px 20px;color:#694f67;font-size:13px;font-weight:800;line-height:1.5;margin:0}
.lp-howto-card p em{display:block;color:#a05c7f;font-style:normal;font-size:11px;margin-top:5px}
.cb-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:1px solid #f0c9db;background:#fffdfd;color:#b22473;border-radius:100%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 12px #7f3b6024;font-size:28px;font-weight:900;line-height:1;padding-bottom:4px}
.cb-arrow-left{left:-2px}.cb-arrow-right{right:-2px}.cb-arrow:hover{background:#ffebf4}.cb-arrow:disabled{opacity:.3;cursor:default}
.cb-dots{display:flex;justify-content:center;gap:7px;margin-top:5px}
.cb-dot{border:0;border-radius:10px;background:#e7bbcf;height:7px;width:7px;padding:0;cursor:pointer;transition:width .2s,background .2s}.cb-dot[aria-current="true"]{width:22px;background:#e73888}
.cb-recommend{padding-top:49px;padding-bottom:54px}
.cb-notice{max-width:680px;text-align:center;margin:-4px auto 18px;padding:8px 12px;background:#fff4f9d8;border:1px solid #f4d7e3;border-radius:12px;font-size:11px;color:#8d5d76}
.cb-reviews-track{padding-bottom:18px}
.cb-review-card{scroll-snap-align:start;flex:0 0 clamp(232px,27vw,315px);min-height:225px;background:linear-gradient(145deg,#fffefd,#fff4f9);border:1px solid #f2d4e5;border-radius:19px;padding:20px;box-shadow:0 9px 24px #7d38601b}
.cb-review-author{display:flex;align-items:center;gap:12px}
.cb-review-author>span:last-child{display:flex;flex-direction:column;gap:2px}
.cb-review-author strong{color:#4d3252;font-weight:1000;font-size:14px}
.cb-review-author small{font-size:10px;color:#98788e}
.cb-avatar{display:grid;place-items:center;width:43px;height:43px;flex:none;border-radius:50%;background:#3699e7;color:white;font-size:20px;font-weight:1000;border:2px solid #fff;box-shadow:0 4px 10px #65345226}
.cb-av-two{background:#f34f9b}.cb-av-three{background:#885ddd}
.cb-review-card p{font-size:13px;line-height:1.55;color:#4b3e53;font-weight:800;margin:18px 0 14px;min-height:63px}
.cb-review-tag{display:inline-block;font-size:10px;background:#ffe6f3;border-radius:999px;padding:5px 9px;color:#a5467d;font-weight:900}
.cb-last-call{margin-top:4px}.cb-last-button{height:60px;max-width:420px;width:100%;font-size:19px}
.cb-footer{background:#180e26;color:#ece3f0}.cb-footer p,.cb-footer small{color:#e9dfef}
/* Keep site responsive, without changing game/auth modal CSS. */
@media(min-width:768px){.cb-hero{padding-bottom:48px}.cb-video-frame{margin-top:42px;max-width:315px;width:315px}.cb-section{padding-inline:26px}.cb-hero-title{margin-bottom:8px}}
@media(max-width:830px){.header-inner{width:calc(100% - 20px)}.cb-hero{padding-top:calc(var(--head-h) + var(--safe-top) + 16px)}}
@media(max-width:560px){.header-inner{align-items:center}.brand{min-width:0;overflow:visible!important}.brand img{height:auto!important;max-height:53px!important;object-fit:contain}.cb-hero{padding-top:calc(var(--head-h) + var(--safe-top) + 15px);padding-inline:12px;padding-bottom:31px}.cb-kicker{font-size:9px;letter-spacing:.1em}.cb-hero-title h1{font-size:clamp(24px,7vw,32px);letter-spacing:-.6px}.cb-hero-title p{font-size:12px}.cb-video-frame{margin-top:34px;margin-bottom:17px;width:min(264px,calc(100vw - 55px))}.cb-benefits{gap:4px;margin-bottom:15px}.cb-benefit{font-size:9px;padding:8px 2px;gap:3px;letter-spacing:-.2px}.cb-benefit small{font-size:7px}.cb-benefit-icon{font-size:12px}.cb-main-play{height:56px;min-height:56px;font-size:19px}.cb-existing-account{font-size:14px}.cb-section{width:calc(100% - 20px);padding:25px 8px;border-radius:21px}.cb-section-heading{padding:0 9px;margin-bottom:15px}.cb-section-heading h2{font-size:25px}.cb-section-heading p{font-size:12px}.cb-carousel-outer{padding:0 2px}.cb-arrow{display:none}.lp-howto-scroll,.cb-carousel{gap:12px;padding:6px 10px 16px;scroll-padding-inline:10px}.lp-howto-card{flex-basis:min(76vw,260px)}.cb-review-card{flex-basis:min(82vw,315px)}.cb-notice{margin:0 12px 14px}.cb-benefits{max-width:430px}}
@media(max-width:350px){.cb-benefit{font-size:8px}.cb-benefit-icon{font-size:10px}.cb-video-frame .lp-video-badge{font-size:9px;padding-inline:9px}.header-inner{gap:4px}}
@media(prefers-reduced-motion:reduce){.lp-hero-banner--video:before,.lp-hero-banner--video:after,.lp-video-badge,.lp-video-badge:after{animation:none!important}.cb-dot{transition:none}}

/* Conteúdo crítico nunca depende de IntersectionObserver para ficar visível. */
.landing-v13 .reveal{opacity:1;transform:none}
.landing-v13 .cb-step-card,.landing-v13 .cb-review-card{transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.landing-v13 .cb-step-card:hover,.landing-v13 .cb-review-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #6f315435}}