:root{color:#302e33;font-synthesis:none;background:#dcdcdf;font-family:X5 Sans UI,SF Pro Display,SF Pro Text,Inter,Arial,sans-serif}*{box-sizing:border-box}html{background:#dcdcdf}body{background:#dcdcdf;min-width:320px;margin:0}body.intro-active{overflow:hidden}button{font:inherit;cursor:pointer;border:0}.desktop-gate{display:none}.app-shell{background:#f4f4f5;width:100%;min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.hero{background:#5396de url(/video-poster.jpg) 50%/cover no-repeat;height:111.959vw;margin-bottom:-7.12468vw;padding:60px 16px 52px;transition:height 1.45s cubic-bezier(.65,0,.2,1),margin-bottom 1.45s cubic-bezier(.65,0,.2,1);position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100vw;height:177.863vw;transition:top 1.45s cubic-bezier(.65,0,.2,1),left 1.45s cubic-bezier(.65,0,.2,1),width 1.45s cubic-bezier(.65,0,.2,1),height 1.45s cubic-bezier(.65,0,.2,1),translate 1.45s cubic-bezier(.65,0,.2,1);position:absolute;top:-24px;left:50%;translate:-50%}.logo{object-fit:contain;width:240px;height:120px}.hero-logo{z-index:2;position:absolute;top:30px;left:50%;translate:-50%}.hero-actions{z-index:3;justify-content:space-between;align-items:flex-end;width:100%;transition:opacity .35s .8s;display:flex;position:relative}.round-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border-radius:50%;place-items:center;width:42px;height:42px;padding:12px;display:grid}.round-button img{width:18px;height:18px}.hero-fade{z-index:2;background:linear-gradient(#f4f4f500,#f4f4f5);height:120px;transition:opacity .35s .8s;position:absolute;bottom:0;left:0;right:0}.app-shell.intro-mode .hero{height:100dvh;margin-bottom:0}.app-shell.intro-mode .hero-video{width:100%;height:100%;top:0;left:0;translate:0}.app-shell.intro-mode .hero-actions,.app-shell.intro-mode .hero-fade{opacity:0;transition-delay:0s}.content{z-index:4;flex-direction:column;gap:12px;display:flex;position:relative}.card{background:#fff;border-radius:32px;width:100%;position:relative}.daily-card{flex-direction:column;gap:48px;padding:16px;display:flex}.section-header{justify-content:space-between;align-items:center;line-height:1.4;display:flex}.section-header h1,.games-card h2{letter-spacing:.34px;margin:0;font-size:17px;font-weight:700}.section-header time{color:#919092;letter-spacing:.3px;font-size:15px}.tasks{align-items:stretch;gap:12px;display:flex}.task{background:#f4f4f5;border-radius:24px;flex-direction:column;flex:1 1 0;justify-content:center;gap:12px;min-width:0;padding:44px 12px 12px;display:flex;position:relative}.task-image{object-fit:cover;width:108px;height:108px;position:absolute;top:-56px;left:50%;translate:-50%}.task-copy{flex-direction:column;line-height:1.4;display:flex}.task-copy strong{min-height:55px;font-size:13px;font-weight:700}.task-copy span{color:#919092;letter-spacing:.22px;font-size:11px}.pill{letter-spacing:.22px;border-radius:999px;width:100%;padding:7px 12px 8px;font-size:11px;font-weight:700;line-height:1.4}.pill.light{color:#000;background:#fff}.pill.green{color:#fff;background:#44a635}.level-card{color:#fff;background-position:50%;background-size:cover;flex-direction:column;align-items:center;gap:16px;min-height:212px;padding:16px 16px 96px;display:flex;overflow:hidden}.level-title{flex-direction:column;align-items:center;width:100%;line-height:1.4;display:flex}.level-title span,.level-labels{color:#ffffffbf;letter-spacing:.22px;font-size:11px}.level-title strong{letter-spacing:.54px;font-size:27px}.level-progress{flex-direction:column;gap:4px;width:100%;display:flex}.level-labels{justify-content:space-between;display:flex}.track{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border-radius:8px;width:100%;height:8px;overflow:hidden}.progress{background:#6dd544;width:160px;height:8px}.games-card{flex-direction:column;gap:16px;padding:16px;display:flex;overflow:hidden}.games-scroller{scrollbar-width:none;scroll-snap-type:x mandatory;gap:8px;width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.games-scroller::-webkit-scrollbar{display:none}.game{scroll-snap-align:start;border-radius:24px;flex-direction:column;flex:0 0 361px;justify-content:space-between;height:210px;padding:16px;display:flex;position:relative;overflow:hidden}.game-art{object-fit:cover;border-radius:24px;width:100%;height:100%;position:absolute;inset:0}.game strong{z-index:2;color:#fff;font-size:26px;line-height:1.4;position:relative}.game-button{z-index:2;color:#000;background:#fff;width:max-content;padding-inline:14px;font-size:13px;position:relative}.achievements{color:#302e33;text-align:left;border-radius:32px 32px 0 0;align-items:center;gap:16px;padding:16px 16px 48px;display:flex}.achievement-copy{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.achievement-copy small{color:#919092;letter-spacing:.3px;font-size:15px}.achievement-copy strong{letter-spacing:.54px;font-size:27px}.badges{align-items:center;display:flex}.badges img{object-fit:cover;border-radius:10px;width:52px;height:52px;margin-right:-8px}.badges img:first-child{rotate:-6deg}.badges img:last-child{margin-right:0;rotate:4deg}.next{width:24px;height:24px}@media (width<=392px){.game{flex-basis:calc(100vw - 32px)}.task-copy strong{font-size:12px}}@media (width>=600px){body,body.intro-active{background:#5396de;overflow:auto}.app-shell{display:none}.desktop-gate{color:#fff;text-align:center;background:radial-gradient(circle at 20% 15%,#ffffff47,#0000 26%),radial-gradient(circle at 80% 78%,#ffffff2e,#0000 30%),linear-gradient(145deg,#78bff3 0%,#5396de 52%,#3779c0 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px;display:flex;position:fixed;inset:0;overflow:hidden}.desktop-gate:before,.desktop-gate:after{content:"";border:1px solid #ffffff38;border-radius:50%;width:360px;height:360px;position:absolute}.desktop-gate:before{top:-180px;right:-80px}.desktop-gate:after{bottom:-220px;left:-100px}.gate-logo{z-index:1;object-fit:contain;width:280px;height:140px;position:relative}.gate-copy{z-index:1;max-width:560px;position:relative}.gate-copy h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.08}.gate-copy p{color:#ffffffc7;margin:16px 0 0;font-size:18px;line-height:1.45}}@media (prefers-reduced-motion:reduce){.hero,.hero-video{transition-duration:.25s}}