/* V86 homepage only. The destination pages retain their existing styles. */
body.home-page {background:#fff!important;color:#102b38!important;overflow-x:clip}
body.home-page main#app:has(#home-view.active){box-sizing:border-box;width:min(100%,1280px)!important;max-width:1280px!important;margin:0 auto!important;padding:16px 20px 20px!important;background:#fff!important;min-height:0!important}
body.home-page #home-view.active{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}
body.home-page .site-chrome.topbar{padding-inline:max(20px,calc((100vw - 1240px)/2));background:#fff}
body.home-page footer.site-chrome.site-footer{padding-inline:max(20px,calc((100vw - 1240px)/2));background:#064836;color:#fff}
body.home-page #home-view .home-hero{position:relative;isolation:isolate;width:100%;aspect-ratio:4.36;min-height:222px;max-height:300px;overflow:hidden;border-radius:16px;background:#90dfff;box-shadow:0 6px 22px #123d5222}
body.home-page #home-view .home-hero picture,body.home-page #home-view .home-hero img{display:block;width:100%;height:100%}
body.home-page #home-view .home-hero img{object-fit:cover;object-position:center}
body.home-page #home-view .hero-copy{position:absolute;top:43%;left:40%;width:39%;transform:translateY(-50%);display:grid;justify-items:center;text-align:center;isolation:isolate;z-index:1;color:#102d48;text-shadow:0 1px 2px #fff}
body.home-page #home-view .hero-copy::before{content:"";position:absolute;inset:-36% -20%;z-index:-1;background:radial-gradient(ellipse at center,#ffffffd6 0%,#ffffff9a 38%,#ffffff00 72%);pointer-events:none}
body.home-page #home-view .hero-copy h1{font-size:clamp(2.1rem,4vw,3.7rem)!important;line-height:.98!important;letter-spacing:-.035em;font-weight:950;margin:0!important;color:#0b72aa!important}
body.home-page #home-view .hero-copy h1 span{display:block;white-space:nowrap}
body.home-page #home-view .hero-copy h1 span:last-child{color:#078762}
body.home-page #home-view .hero-copy p{font-size:clamp(.83rem,1.2vw,1.05rem);font-weight:850;line-height:1.22;margin:11px 0 0;color:#173650;white-space:nowrap}
body.home-page #home-view #daily-challenge{height:auto!important;min-height:0!important;margin:12px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;display:block!important;text-align:left!important;overflow:visible!important;color:#fff!important}
body.home-page #home-view #daily-challenge::before{display:none!important}
body.home-page #home-view .daily-challenge-content{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%!important;max-width:none!important;height:auto!important;padding:6px 10px!important;display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr)!important;align-items:stretch!important;justify-items:stretch!important;gap:10px!important;transform:none!important;text-shadow:none!important;border-radius:14px;background:#3f7583;color:#fff;box-shadow:0 3px 10px #0002}
body.home-page #home-view .daily-challenge-content::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(63,117,131,.96),rgba(63,117,131,.96)),url('/assets/daily-challenge/hue.webp') center 55%/cover no-repeat;pointer-events:none}
body.home-page #home-view .daily-challenge-heading,body.home-page #home-view .daily-challenge-details{box-sizing:border-box;position:relative!important;grid-column:auto!important;grid-row:auto!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;max-width:none!important;height:auto!important;min-width:0;min-height:64px;border:0!important;border-radius:0!important;background:transparent!important;color:#fff;box-shadow:none!important}
body.home-page #home-view .daily-challenge-heading{padding:10px 16px;display:grid!important;grid-template-columns:48px minmax(0,1fr) minmax(120px,.8fr);grid-template-rows:auto auto auto;column-gap:10px;align-content:center;align-items:center!important}
body.home-page #home-view .daily-trophy{font-size:2rem;grid-row:1/4;align-self:center}
body.home-page #home-view .daily-trophy img{display:block;width:40px;height:40px}
body.home-page #home-view .daily-challenge-heading h2{display:block!important;grid-column:2;margin:0!important;line-height:1.1!important;letter-spacing:0!important;text-align:left!important;white-space:nowrap;color:#fff!important}
body.home-page #home-view .daily-challenge-heading h2 span{display:inline!important;font-size:clamp(.85rem,1.55vw,1.27rem)!important;color:#fff!important;text-shadow:none!important}
body.home-page #home-view .daily-description{grid-column:2;color:#fff!important;font-size:.82rem!important;font-weight:750!important;line-height:1.2!important;margin:3px 0 0!important;min-width:0;text-shadow:none!important}
body.home-page #home-view .daily-streak{grid-column:2;position:static!important;left:auto!important;bottom:auto!important;max-width:none!important;color:#b3d7d3!important;font-size:.67rem!important;margin:2px 0 0!important}
body.home-page #home-view .daily-progress{grid-column:3;grid-row:1/4;display:flex!important;align-items:center;gap:8px;width:100%;color:#fff!important;white-space:nowrap}
body.home-page #home-view .daily-progress progress{width:100%!important;min-width:0;height:12px;accent-color:#71ce9c}
body.home-page #home-view .daily-progress-text{font-size:.76rem;font-weight:900;color:#fff!important;white-space:nowrap}
body.home-page #home-view .daily-challenge-details{padding:9px 14px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:4px 10px;text-align:center}
body.home-page #home-view .daily-reward{grid-column:1;min-width:0!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:clamp(.83rem,1.6vw,1.34rem)!important;color:#95e4bf!important;white-space:nowrap;text-align:center}
body.home-page #home-view .daily-reward::before{content:"";display:inline-block;vertical-align:middle;width:27px;height:27px;margin-right:6px;background:url('/assets/brand/v86/coin.svg') center/contain no-repeat}
body.home-page #home-view .daily-action{grid-column:2!important;grid-row:1/3!important;min-height:42px!important;margin:0!important;padding:8px 16px!important;border-radius:30px!important;background:linear-gradient(180deg,#ffe918,#ffc800)!important;color:#153224!important;font-weight:850!important;font-size:.86rem!important;text-shadow:none!important;text-decoration:none!important;white-space:nowrap!important}
body.home-page #home-view .daily-history{grid-column:1!important;grid-row:2!important;position:relative!important;right:auto!important;bottom:auto!important;width:auto!important;margin:0!important;font-size:.65rem!important;color:#e5eff0!important;text-align:center}
body.home-page #home-view .daily-history summary{width:auto!important;color:#e5eff0!important;text-decoration:underline!important}
body.home-page #home-view .feature-grid{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important;background:#fff!important}
body.home-page main#app #home-view .feature-grid .feature-box{box-sizing:border-box;position:relative;isolation:isolate;display:flex!important;flex-direction:column;min-width:0;min-height:0!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;gap:0!important;border:1px solid #e2e8ef!important;border-radius:14px!important;background:#fff!important;background-image:none!important;color:#152a48!important;box-shadow:0 4px 13px #15376412!important;overflow:hidden!important;text-align:left!important}
body.home-page main#app #home-view .feature-grid .feature-box::after,body.home-page main#app #home-view .feature-grid .feature-box::before{display:none!important;content:none!important}
body.home-page main#app #home-view .feature-grid .card-art{box-sizing:border-box;display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:2.13;align-self:auto!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;filter:none!important;transform:none!important}
body.home-page main#app #home-view .feature-grid .card-copy{box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:2px!important;align-self:auto!important;min-height:0!important;width:100%!important;margin:0!important;padding:9px 14px 3px!important;background:#fff!important;grid-column:auto!important;grid-row:auto!important;text-align:left!important}
body.home-page main#app #home-view .feature-grid .feature-box h2{display:block!important;min-height:0!important;margin:0!important;padding:0!important;font-size:clamp(1rem,1.65vw,1.4rem)!important;line-height:1.12!important;white-space:normal!important;overflow:visible!important;letter-spacing:-.025em!important;text-transform:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
body.home-page main#app #home-view .feature-grid .box-description{display:block!important;min-height:0!important;margin:0!important;padding:0!important;color:#102b5c!important;font-size:clamp(.74rem,.98vw,.93rem)!important;font-weight:650!important;line-height:1.26!important;overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important;text-shadow:none!important}
body.home-page main#app #home-view .feature-grid .feature-box .box-button{box-sizing:border-box;position:static!important;display:flex!important;grid-column:auto!important;grid-row:auto!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;justify-self:stretch!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:38px!important;height:38px!important;margin:auto 14px 10px!important;padding:5px 6px!important;border:0!important;border-radius:999px!important;background:var(--v86-button)!important;color:var(--v86-button-ink,#fff)!important;font:750 clamp(.78rem,1vw,.95rem)/1.13 system-ui,-apple-system,'Segoe UI',sans-serif!important;letter-spacing:0!important;text-align:center!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}
body.home-page main#app #home-view .feature-grid .feature-box .box-button[aria-disabled=true]{cursor:default}
body.home-page main#app #home-view .feature-grid .feature-box :is(a,button):focus-visible,.home-hero:focus-visible{outline:3px solid #ffb416!important;outline-offset:-3px!important}
body.home-page #home-view .ask-pho-box{--v86-button:linear-gradient(180deg,#04caff,#0561fd);--v86-title:#1738b0}
body.home-page #home-view .learn-box{--v86-button:linear-gradient(180deg,#08b76b,#037b54);--v86-title:#006a4e}
body.home-page #home-view .fun-box{--v86-button:linear-gradient(180deg,#ff4779,#f50050);--v86-title:#f00065}
body.home-page #home-view .discover-box{--v86-button:linear-gradient(180deg,#08b66c,#008056);--v86-title:#016849}
body.home-page #home-view .game-box{--v86-button:linear-gradient(180deg,#ffb400,#ff5600);--v86-title:#ec240d}
body.home-page #home-view [data-home-card="tiem-pho"]{--v86-title:#08724c}
body.home-page #home-view .racing-box{--v86-button:linear-gradient(180deg,#9c46ff,#6604f2);--v86-title:#6b0dcd}
body.home-page #home-view .fly-box{--v86-button:linear-gradient(180deg,#02c8fc,#0468fd);--v86-title:#153be4}
body.home-page #home-view .run-box{--v86-button:linear-gradient(180deg,#ff487e,#f30250);--v86-title:#ec0646}
body.home-page #home-view .sky-box{--v86-button:linear-gradient(180deg,#04caff,#0561fd);--v86-title:#0d35c6}
body.home-page #home-view .chess-box{--v86-button:linear-gradient(180deg,#ffea16,#ffbb00);--v86-button-ink:#161b24;--v86-title:#e8450e}
body.home-page #home-view .xiangqi-box{--v86-button:linear-gradient(180deg,#ffa900,#ff5600);--v86-title:#d6202d}
body.home-page #home-view .new-box{--v86-button:linear-gradient(180deg,#9d3eff,#6a00e8);--v86-title:#5126b7}
body.home-page #home-view .solitaire-box{--v86-button:linear-gradient(180deg,#079968,#056748);--v86-title:#067550}
body.home-page #home-view .bubble-box{--v86-button:linear-gradient(180deg,#7960dd,#5040bd);--v86-title:#5442b3}
body.home-page #home-view .block-box{--v86-button:linear-gradient(180deg,#ed6679,#bf345c);--v86-title:#b22c5d}
body.home-page #home-view .fishing-box{--v86-button:linear-gradient(180deg,#149cc7,#086e9d);--v86-title:#087ba6}
body.home-page main#app #home-view .feature-grid .feature-box h2{color:var(--v86-title)!important}
@media(max-width:1100px){body.home-page #home-view .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-page #home-view .feature-grid .feature-box h2{font-size:clamp(1rem,2.5vw,1.3rem)!important}}
@media(max-width:700px){
 body.home-page main#app:has(#home-view.active){padding:8px 10px 15px!important}
 body.home-page #home-view .home-hero{height:clamp(190px,48vw,270px);min-height:0;max-height:none;aspect-ratio:auto;border-radius:12px}
 body.home-page #home-view .home-hero img{object-position:left center}
 body.home-page #home-view .hero-copy{left:43%;width:55%;top:29%}
 body.home-page #home-view .hero-copy h1{font-size:clamp(1.35rem,5.6vw,2.35rem)!important;line-height:1.03!important}
 body.home-page #home-view .hero-copy p{white-space:normal;font-size:clamp(.75rem,3vw,.96rem);line-height:1.12;margin:7px 0 0!important}
 body.home-page #home-view .daily-challenge-content{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 body.home-page #home-view .daily-challenge-heading,body.home-page #home-view .daily-challenge-details{min-height:0}
 body.home-page #home-view .daily-challenge-heading{grid-template-columns:36px minmax(0,1fr) minmax(72px,.5fr);padding:7px 10px;gap:4px 6px}
 body.home-page #home-view .daily-trophy img{width:30px;height:30px}
 body.home-page #home-view .daily-challenge-heading h2 span{font-size:clamp(.76rem,2.65vw,1rem)!important}
 body.home-page #home-view .daily-description{font-size:clamp(.72rem,2.5vw,.84rem)!important}
 body.home-page #home-view .daily-streak{font-size:.59rem!important}
 body.home-page #home-view .daily-progress{gap:4px;flex-wrap:wrap;justify-content:center}
 body.home-page #home-view .daily-progress progress{height:9px}
 body.home-page #home-view .daily-progress-text{font-size:.7rem}
 body.home-page #home-view .daily-challenge-details{min-height:50px;padding:5px 10px;grid-template-columns:minmax(0,1fr) auto}
 body.home-page #home-view .daily-action{min-height:38px!important;font-size:.74rem!important}
 body.home-page #home-view .feature-grid{gap:8px!important}
 body.home-page main#app #home-view .feature-grid .card-copy{padding:7px 8px 2px!important}
 body.home-page main#app #home-view .feature-grid .feature-box h2{font-size:clamp(.82rem,3.55vw,1.14rem)!important}
 body.home-page main#app #home-view .feature-grid .box-description{font-size:clamp(.65rem,2.4vw,.81rem)!important;line-height:1.16!important}
 body.home-page main#app #home-view .feature-grid .feature-box .box-button{height:36px!important;min-height:36px!important;margin:auto 8px 8px!important;font-size:clamp(.68rem,2.6vw,.86rem)!important}
 body.home-page .site-chrome.topbar{padding-inline:8px}
 body.home-page footer.site-chrome.site-footer{padding-inline:12px}
}
@media(max-width:360px){body.home-page main#app:has(#home-view.active){padding-inline:7px!important}body.home-page #home-view .feature-grid{gap:6px!important}body.home-page main#app #home-view .feature-grid .feature-box h2{font-size:.82rem!important}body.home-page main#app #home-view .feature-grid .box-description{font-size:.65rem!important}body.home-page #home-view .daily-challenge-heading{grid-template-columns:30px minmax(0,1fr) 75px;padding:6px}body.home-page #home-view .daily-challenge-heading h2 span{font-size:.7rem!important}body.home-page #home-view .daily-trophy{font-size:1.35rem}body.home-page .site-chrome.topbar .brand-copy b{font-size:.94rem}body.home-page .site-chrome.topbar .brand-mascot{width:32px;height:32px}body.home-page .site-chrome.topbar .audio-controls{gap:2px}body.home-page .site-chrome.topbar .icon-button{width:34px;min-height:34px;padding:5px}body.home-page .site-chrome.topbar .language-switch button{min-width:28px;padding:0 4px}}