
:root {
  --bg:#050814;--bg2:#0a1020;--surface:#0f1830;--surface2:#151f3a;
  --surface3:#1b2747;--text:#f8fbff;--muted:#93a2bb;--line:rgba(255,255,255,.09);
  --cyan:#33e5ff;--green:#86ff8d;--violet:#9b7cff;--pink:#ff67c9;--yellow:#ffd75c;
  --orange:#ff9b52;--red:#ff667d;--shadow:0 18px 55px rgba(0,0,0,.38);
  --r-xl:26px;--r-lg:20px;--r-md:15px;--max:1160px;--safe:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden;padding-bottom:calc(154px + var(--safe));background:radial-gradient(circle at 8% -8%,rgba(51,229,255,.13),transparent 28%),radial-gradient(circle at 92% 4%,rgba(155,124,255,.15),transparent 31%),linear-gradient(180deg,#050814,#091022 45%,#050814)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 78%)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block;max-width:100%}
.container{width:min(100%,var(--max));margin:auto;padding-inline:14px}.section{padding:27px 0}.section-sm{padding:15px 0}.stack{display:grid;gap:12px}.grid-2,.grid-3,.grid-4,.grid-auto,.split{display:grid;gap:10px}
.panel,.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(145deg,rgba(255,255,255,.038),transparent 48%),rgba(15,24,48,.9);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.card{border-radius:var(--r-md);box-shadow:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(51,229,255,.3);background:rgba(22,35,64,.97)}
.card:active,.tap:active{transform:scale(.985)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";width:17px;height:2px;border-radius:99px;background:currentColor;box-shadow:0 0 12px currentColor}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h1,.section-head h2,.section-head h3{margin:4px 0 0;font-size:1.4rem;line-height:1.1;letter-spacing:0}.section-head p{margin:0;color:var(--muted);font-size:.72rem}.mini-link{flex:0 0 auto;color:var(--cyan);font-size:.72rem;font-weight:900}
.gradient-text{color:transparent;background:linear-gradient(90deg,var(--cyan),var(--green) 48%,var(--violet));-webkit-background-clip:text;background-clip:text}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#dbe5f5;background:rgba(255,255,255,.04);font-size:.59rem;font-weight:850}.badge.green{color:var(--green);border-color:rgba(134,255,141,.18);background:rgba(134,255,141,.07)}.badge.yellow{color:var(--yellow);border-color:rgba(255,215,92,.18);background:rgba(255,215,92,.07)}
.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:0 16px;cursor:pointer;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-primary{color:#061019;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 12px 28px rgba(51,229,255,.17)}.btn-violet{color:white;background:linear-gradient(90deg,var(--violet),var(--pink))}.btn-dark{border:1px solid var(--line);background:rgba(255,255,255,.055)}.btn-small{min-height:38px;padding-inline:12px;border-radius:11px;font-size:.7rem}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none;filter:none}
.btn-attention{position:relative;overflow:hidden;isolation:isolate;animation:attentionGlow 3.8s ease-in-out infinite}.btn-attention:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%,transparent 100%);transform:translateX(-130%);animation:attentionSweep 5.6s ease-in-out infinite;pointer-events:none}.btn-attention:after{content:"";position:absolute;inset:3px;z-index:1;border-radius:inherit;border:1px solid rgba(255,255,255,.28);opacity:.62;pointer-events:none}
/* Journey rail */
.journey-wrap{padding:9px 0 2px}.journey-rail{display:flex;gap:8px;overflow-x:auto;padding:2px 14px 8px;scrollbar-width:none}.journey-rail::-webkit-scrollbar{display:none}.journey-link{flex:0 0 auto;min-width:74px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);text-align:center;transition:.2s}.journey-link:hover,.journey-link.active{border-color:rgba(51,229,255,.34);background:rgba(51,229,255,.08)}.journey-link i{display:block;font-style:normal;font-size:1.1rem}.journey-link span{display:block;margin-top:2px;color:#c9d4e5;font-size:.57rem;font-weight:800}
/* Home landing */
.home-launch{padding:16px;background:radial-gradient(circle at 88% 3%,rgba(155,124,255,.24),transparent 35%),radial-gradient(circle at 3% 95%,rgba(51,229,255,.18),transparent 40%),linear-gradient(145deg,rgba(20,33,61,.98),rgba(8,14,29,.98))}.launch-grid{display:grid;gap:14px}.home-launch h1{margin:7px 0 7px;font-size:2rem;line-height:.99;letter-spacing:0}.home-launch p{margin:0;color:#b4c1d4;font-size:.78rem}.launch-actions{display:grid;gap:8px;margin-top:13px}.hero-character{position:relative;min-height:265px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 50% 22%,rgba(51,229,255,.18),transparent 29%),linear-gradient(180deg,#111c35,#0a1021)}.hero-character:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 88%)}
.float-chip{position:absolute;z-index:4;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:rgba(6,12,25,.76);box-shadow:0 12px 28px rgba(0,0,0,.28);backdrop-filter:blur(9px);font-size:.58rem;font-weight:850}.float-chip b{display:block;color:var(--cyan);font-size:.74rem}.fc1{top:13px;left:13px;animation:float 3.4s ease-in-out infinite}.fc2{top:18px;right:13px;animation:float 4s ease-in-out infinite reverse}.fc3{bottom:13px;right:13px;animation:float 3.7s ease-in-out infinite}
/* CSS block avatars */
.block-avatar{--skin:#f2c38f;--shirt:#28c5ee;--pants:#17233d;position:absolute;left:50%;bottom:22px;z-index:2;width:145px;height:210px;transform:translateX(-50%)}.block-avatar .head,.block-avatar .torso,.block-avatar .arm,.block-avatar .leg,.block-avatar .hair{position:absolute;border-radius:9px;box-shadow:0 9px 18px rgba(0,0,0,.2)}.block-avatar .head{top:0;left:50%;width:76px;height:72px;transform:translateX(-50%);background:linear-gradient(180deg,var(--skin),color-mix(in srgb,var(--skin),#b16b44 17%));z-index:3}.block-avatar .hair{top:-4px;left:50%;width:80px;height:31px;transform:translateX(-50%);background:linear-gradient(180deg,#38425c,#11182b);z-index:4;border-radius:14px 14px 18px 18px}.block-avatar .head:before{content:"••";position:absolute;top:23px;left:0;width:100%;color:#1a2235;text-align:center;font-size:22px;letter-spacing:16px;text-indent:16px}.block-avatar .head:after{content:"⌣";position:absolute;top:37px;left:0;width:100%;color:#9d5e45;text-align:center;font-size:22px}.block-avatar .torso{top:66px;left:50%;width:92px;height:78px;transform:translateX(-50%);background:linear-gradient(180deg,var(--shirt),color-mix(in srgb,var(--shirt),#071328 25%));z-index:2}.block-avatar .torso:after{content:"◇";position:absolute;inset:18px 0 auto;color:white;text-align:center;font-size:26px;font-weight:900}.block-avatar .arm{top:75px;width:24px;height:73px;background:var(--skin);z-index:1}.block-avatar .arm.left{left:14px;transform:rotate(8deg)}.block-avatar .arm.right{right:14px;transform:rotate(-8deg)}.block-avatar .leg{top:138px;width:28px;height:69px;background:linear-gradient(180deg,var(--pants),#080e1b)}.block-avatar .leg.left{left:40px}.block-avatar .leg.right{right:40px}.block-avatar .leg:after{content:"";position:absolute;bottom:-4px;width:38px;height:12px;border-radius:8px;background:#dbe3ef}.block-avatar .leg.left:after{left:-7px}.block-avatar .leg.right:after{right:-7px}.avatar-platform{position:absolute;left:50%;bottom:8px;width:185px;height:29px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(51,229,255,.34),rgba(51,229,255,.07) 62%,transparent 75%)}
.avatar-green{--shirt:#51d76f;--pants:#2470b7}.avatar-orange{--shirt:#f18436;--pants:#6a7180}.avatar-purple{--shirt:#9b7cff;--pants:#2e275e}.avatar-pink{--shirt:#ff72c8;--pants:#6940a4}.avatar-yellow{--shirt:#ffd857;--pants:#25365c}.avatar-red{--shirt:#ff657b;--pants:#2b3754}
/* Category / reward tiles */
.category-stack{display:grid;gap:11px}.category-card{position:relative;min-height:145px;display:grid;grid-template-columns:1fr 125px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.2);transition:.2s}.category-card:hover{transform:translateY(-3px);filter:brightness(1.04)}.category-card.pink{background:linear-gradient(135deg,#ed4f94,#af2c70)}.category-card.orange{background:linear-gradient(135deg,#df8a6e,#aa564f)}.category-card.blue{background:linear-gradient(135deg,#4db8ec,#2779ba)}.category-card.purple{background:linear-gradient(135deg,#8d73e8,#614cc0)}.category-title{position:relative;z-index:2}.category-title b{display:inline-flex;padding:6px 12px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.12);font-size:.76rem;text-transform:uppercase}.category-title h3{margin:12px 0 0;font-size:1.15rem;line-height:1.05}.category-visual{position:absolute;right:8px;bottom:-26px;width:130px;height:150px}.category-visual .block-avatar{transform:translateX(-50%) scale(.62);transform-origin:bottom center;bottom:0}.category-icon{display:grid;place-items:center;font-size:4rem;filter:drop-shadow(0 14px 14px rgba(0,0,0,.22))}
.reward-grid,.achievement-grid,.avatar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-card,.achievement-card,.avatar-card{cursor:pointer}.reward-art{position:relative;min-height:112px;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,rgba(51,229,255,.25),transparent 43%),linear-gradient(145deg,#172641,#0a1327);font-size:2.8rem}.reward-art.violet{background:radial-gradient(circle at 50% 25%,rgba(155,124,255,.3),transparent 43%),linear-gradient(145deg,#211949,#0b1225)}.reward-art.green{background:radial-gradient(circle at 50% 25%,rgba(134,255,141,.23),transparent 43%),linear-gradient(145deg,#15342c,#0a1421)}.reward-art.pink{background:radial-gradient(circle at 50% 25%,rgba(255,103,201,.23),transparent 43%),linear-gradient(145deg,#3d1835,#111022)}.card-body{padding:12px}.card-body h3{margin:0 0 4px;font-size:.82rem}.card-body p{margin:0;color:var(--muted);font-size:.64rem}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.card-foot span{color:var(--muted);font-size:.61rem}.card-foot b{color:var(--cyan);font-size:.67rem}
/* Progress and stats */
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px}.stat-icon{width:39px;height:39px;display:grid;place-items:center;margin-bottom:10px;border-radius:13px;background:rgba(51,229,255,.12);font-size:1.15rem}.stat b{display:block;font-size:1.15rem;line-height:1}.stat span{display:block;margin-top:5px;color:var(--muted);font-size:.61rem}.progress-line{height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.06)}.progress-fill{height:100%;width:var(--progress,0%);border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 14px rgba(51,229,255,.36);transition:width .7s ease}.progress-panel{padding:16px}.progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.7rem}.progress-top span{color:var(--muted)}
.level-ring{--ring:20%;position:relative;width:132px;aspect-ratio:1;display:grid;place-items:center;margin:auto;border-radius:50%;background:conic-gradient(var(--cyan) var(--ring),rgba(255,255,255,.08) 0);box-shadow:0 0 35px rgba(51,229,255,.13)}.level-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#0c1529}.level-ring div{position:relative;z-index:1;text-align:center}.level-ring b{display:block;font-size:1.8rem}.level-ring span{display:block;color:var(--muted);font-size:.6rem}
/* Achievements */
.achievement-card{padding:13px}.achievement-card.locked{opacity:.55}.achievement-icon{font-size:1.75rem}.achievement-card h3{margin:9px 0 4px;font-size:.78rem}.achievement-card p{margin:0;color:var(--muted);font-size:.62rem}.achievement-state{display:inline-flex;margin-top:9px;padding:4px 7px;border-radius:999px;color:var(--yellow);background:rgba(255,215,92,.09);font-size:.56rem;font-weight:900}.achievement-card:not(.locked) .achievement-state{color:var(--green);background:rgba(134,255,141,.08)}
/* Daily tasks */
.task-list{display:grid;gap:9px}.task-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px}.task-card.complete{border-color:rgba(134,255,141,.22);background:rgba(134,255,141,.05)}.task-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(51,229,255,.12);font-size:1.15rem}.task-card h3{margin:0 0 3px;font-size:.76rem}.task-card p{margin:0;color:var(--muted);font-size:.61rem}.task-state{color:var(--yellow);font-size:.58rem;font-weight:900}.task-card.complete .task-state{color:var(--green)}
.streak-row{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-box{padding:9px 3px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);text-align:center}.day-box b{display:block;font-size:.7rem}.day-box span{font-size:.52rem;color:var(--muted)}.day-box.active{border-color:rgba(134,255,141,.24);background:rgba(134,255,141,.07)}
/* Bonus */
.chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.chest{min-width:0;min-height:145px;padding:12px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(255,215,92,.18),transparent 44%),rgba(16,25,46,.92);text-align:center;cursor:pointer}.chest .emoji{display:block;max-width:100%;overflow:hidden;font-size:3.1rem;filter:drop-shadow(0 12px 10px rgba(0,0,0,.3))}.chest b{display:block;margin-top:7px;font-size:.75rem}.chest span{color:var(--muted);font-size:.57rem}.chest.claimed,.chest:disabled{opacity:.62;cursor:not-allowed}
/* Spin */
.wheel-area{padding:17px}.wheel-wrap{position:relative;width:min(82vw,330px);margin:0 auto}.wheel{width:100%;aspect-ratio:1;border:9px solid #202b47;border-radius:50%;background:conic-gradient(#33e5ff 0 45deg,#9b7cff 45deg 90deg,#86ff8d 90deg 135deg,#ff67c9 135deg 180deg,#ffd75c 180deg 225deg,#ff9b52 225deg 270deg,#6e9cff 270deg 315deg,#ff667d 315deg);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 0 4px rgba(255,255,255,.05) inset;transition:transform 4s cubic-bezier(.12,.72,.15,1)}.wheel:after{content:"SPIN";position:absolute;inset:50% auto auto 50%;width:76px;height:76px;display:grid;place-items:center;border:8px solid #0c1428;border-radius:50%;transform:translate(-50%,-50%);color:#071018;background:linear-gradient(145deg,var(--cyan),var(--green));font-weight:1000}.wheel-pointer{position:absolute;left:50%;top:-13px;z-index:2;width:0;height:0;transform:translateX(-50%);border-left:17px solid transparent;border-right:17px solid transparent;border-top:32px solid white;filter:drop-shadow(0 4px 5px rgba(0,0,0,.35))}.wheel-label{position:absolute;inset:0;pointer-events:none}.wheel-label span{position:absolute;left:50%;top:50%;font-size:.64rem;font-weight:1000;color:#061019;transform-origin:0 0}.spin-result{text-align:center;margin-top:14px;color:var(--muted);font-size:.7rem}
/* Leaderboard */
.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px}.podium-card{padding:13px 7px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);text-align:center}.podium-card.first{min-height:180px;border-color:rgba(255,215,92,.25);background:rgba(255,215,92,.07)}.podium-avatar{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 8px;border-radius:17px;background:linear-gradient(145deg,rgba(51,229,255,.15),rgba(155,124,255,.18));font-size:1.5rem}.podium-card b{display:block;font-size:.7rem}.podium-card span{display:block;margin-top:3px;color:var(--muted);font-size:.55rem}.leader-list{display:grid;gap:7px}.leader-row{display:grid;grid-template-columns:31px auto 1fr auto;gap:9px;align-items:center;padding:10px 12px}.rank{color:var(--yellow);font-size:.7rem;font-weight:1000}.leader-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(155,124,255,.12)}.leader-info b{display:block;font-size:.7rem}.leader-info span{display:block;color:var(--muted);font-size:.55rem}.leader-score{color:var(--cyan);font-size:.64rem;font-weight:900}
/* Avatars */
.avatar-card{padding:10px}.avatar-preview{position:relative;min-height:160px;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 50% 30%,rgba(51,229,255,.17),transparent 43%),#101a31}.avatar-preview .block-avatar{transform:translateX(-50%) scale(.62);transform-origin:bottom center;bottom:-5px}.avatar-card h3{margin:10px 0 3px;font-size:.75rem}.avatar-card p{margin:0;color:var(--muted);font-size:.58rem}.avatar-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(51,229,255,.08),0 0 26px rgba(51,229,255,.09)}.avatar-card.locked{opacity:.55}
/* Profile */
.profile-card{padding:17px}.profile-main{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.profile-avatar{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(51,229,255,.17),rgba(155,124,255,.2));font-size:2.3rem}.profile-main h1{margin:0 0 3px;font-size:1.2rem}.profile-main p{margin:0;color:var(--muted);font-size:.65rem}.profile-edit{display:grid;gap:8px;margin-top:15px}.field{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px;color:var(--text);background:rgba(255,255,255,.04);outline:none}.field:focus{border-color:var(--cyan)}
/* Activity and unlocks */
.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(51,229,255,.12),rgba(155,124,255,.14))}.activity-item div{font-size:.67rem}.activity-item div span{color:var(--muted)}.activity-item time{color:#718097;font-size:.54rem}.unlock-card{padding:14px}.unlock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.unlock-row h3{margin:0;font-size:.75rem}.unlock-row span{color:var(--green);font-size:.62rem;font-weight:900}
/* Page hero */
.page-hero{padding:17px;background:radial-gradient(circle at 90% 0%,rgba(155,124,255,.22),transparent 35%),radial-gradient(circle at 2% 100%,rgba(51,229,255,.15),transparent 38%),linear-gradient(145deg,rgba(20,32,59,.98),rgba(8,14,29,.98))}.page-hero h1{margin:7px 0 7px;font-size:2rem;line-height:1.02;letter-spacing:0}.page-hero p{margin:0;color:#b5c1d3;font-size:.75rem}.page-actions{display:grid;gap:8px;margin-top:13px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.quick-stat{padding:9px 6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);text-align:center}.quick-stat b{display:block;font-size:.82rem}.quick-stat span{display:block;color:var(--muted);font-size:.52rem}
/* Next journey CTA */
.next-section{padding:16px;background:linear-gradient(135deg,rgba(51,229,255,.1),rgba(155,124,255,.1)),rgba(15,24,47,.9)}.next-section h2{margin:0 0 5px;font-size:1rem}.next-section p{margin:0 0 12px;color:var(--muted);font-size:.66rem}.sticky-next{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe));z-index:82;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 10px 10px 12px;border:1px solid rgba(53,229,255,.22);border-radius:19px;background:linear-gradient(135deg,rgba(8,16,31,.98),rgba(15,24,47,.98));box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);overflow:hidden}.sticky-next:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(53,229,255,.22),rgba(134,255,141,.12),rgba(155,124,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sticky-next:after{content:"";position:absolute;left:-18px;top:-18px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(53,229,255,.18),transparent 70%);pointer-events:none}.sticky-next-copy{position:relative;z-index:1;min-width:0;display:grid;gap:3px}.sticky-next-kicker{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:4px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#d8f9ff;background:rgba(255,255,255,.04);font-size:.5rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sticky-next-kicker i{font-style:normal}.sticky-next b{display:block;font-size:.72rem;line-height:1.15}.sticky-next-sub{display:block;color:#97a6bc;font-size:.55rem;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-next .btn{position:relative;z-index:1;min-height:40px;padding-inline:13px;border-radius:14px;font-size:.64rem;font-weight:900;white-space:nowrap;box-shadow:0 10px 26px rgba(53,229,255,.16)}
/* Footer/legal */
.footer{margin-top:28px;border-top:1px solid var(--line);background:rgba(4,8,17,.96)}.footer-grid{display:grid;gap:20px;padding:30px 0 20px}.footer h3{margin:0 0 9px;color:var(--cyan);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.footer p,.footer li,.footer a{color:#8491a7;font-size:.64rem;line-height:1.65}.footer p{margin:0}.footer ul{margin:0;padding:0;list-style:none}.footer li+li{margin-top:4px}.footer-bottom{padding:13px 0 calc(13px + var(--safe));border-top:1px solid var(--line);color:#647087;text-align:center;font-size:.61rem}.legal{padding:19px}.legal h1{margin:0 0 8px;font-size:1.65rem}.legal h2{margin:22px 0 7px;font-size:1rem}.legal p,.legal li{color:#b4c0d2;font-size:.75rem;line-height:1.7}.legal a{color:var(--cyan)}
/* Home loading gate */
html.home-gate-lock,html.home-gate-lock body{overflow:hidden}.home-gate,.reward-popup{position:fixed;inset:0;z-index:380;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 50% 18%,rgba(7,134,166,.16),transparent 34%),linear-gradient(180deg,#f8fbff,#eaf3ff);transition:opacity .22s ease,visibility .22s ease}.home-gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.home-gate-box,.reward-popup-box{width:min(100%,410px);padding:23px 18px;border:1px solid rgba(25,39,66,.1);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 24px 55px rgba(31,45,78,.14);text-align:center;color:#111827}.home-gate-mark{position:relative;width:76px;height:76px;margin:0 auto 14px;border-radius:24px;background:linear-gradient(145deg,#087f9e,#13a66b);box-shadow:0 16px 34px rgba(7,134,166,.22);animation:homeGatePulse 1.5s ease-in-out infinite}.home-gate-mark:before{content:"";position:absolute;inset:-8px;border:3px solid rgba(7,134,166,.15);border-top-color:#087f9e;border-radius:30px;animation:homeGateOrbit 1s linear infinite}.home-gate-mark span{position:absolute;inset:23px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 7px rgba(17,24,39,.9)}.home-gate-kicker{margin:0 0 5px;color:#087f9e;font-size:.68rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.home-gate h2,.reward-popup h2{margin:0 0 6px;font-size:1.28rem;line-height:1.12}.home-gate p,.reward-popup p{margin:0;color:#60708a;font-size:.84rem}.reward-popup{z-index:390;display:none;background:rgba(246,249,255,.8);backdrop-filter:blur(12px)}.reward-popup.show{display:flex}
.home-gate{overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(7,134,166,.18),transparent 28%),radial-gradient(circle at 80% 8%,rgba(19,166,107,.16),transparent 30%),linear-gradient(180deg,#fbfdff,#eaf4ff)}.home-gate:before,.home-gate:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.home-gate:before{width:280px;height:280px;left:-92px;top:-92px;background:radial-gradient(circle,rgba(7,134,166,.16),transparent 68%);animation:none}.home-gate:after{width:240px;height:240px;right:-82px;bottom:-92px;background:radial-gradient(circle,rgba(19,166,107,.15),transparent 68%);animation:none}.home-gate-box{position:relative;z-index:1;padding:26px 20px 22px;border-color:rgba(7,134,166,.16);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,250,255,.9));box-shadow:0 28px 70px rgba(31,45,78,.16),inset 0 1px 0 rgba(255,255,255,.9)}.home-gate-box:before{content:"";position:absolute;inset:8px;border:1px solid rgba(7,134,166,.08);border-radius:17px;pointer-events:none}.home-gate-mark{width:82px;height:82px;margin-bottom:16px;border-radius:26px;animation:none}.home-gate-mark:before{inset:-9px;border-width:2px;animation:homeGateOrbit 2.2s linear infinite}.home-gate-mark:after{content:"";position:absolute;inset:-18px;border-radius:34px;background:radial-gradient(circle,rgba(7,134,166,.18),transparent 66%);z-index:-1;animation:none}.home-gate-progress{position:relative;height:8px;margin:17px auto 12px;overflow:hidden;border-radius:999px;background:#e1ebf7}.home-gate-progress span{position:absolute;inset:0 auto 0 0;width:46%;border-radius:inherit;background:linear-gradient(90deg,#087f9e,#13a66b);box-shadow:0 0 18px rgba(7,134,166,.22);animation:none}.home-gate-pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.home-gate-pills span{padding:5px 9px;border:1px solid rgba(7,134,166,.14);border-radius:999px;color:#36506f;background:#fff;font-size:.62rem;font-weight:900}
.home-gate-progress{height:20px;margin:18px auto 12px;border:1px solid rgba(7,134,166,.12);background:#dfeaf7}.home-gate-progress span{width:var(--gate-progress,1%);animation:none;transition:width .08s linear}.home-gate-progress b{position:absolute;inset:0;display:grid;place-items:center;color:#123047;font-size:.62rem;font-weight:1000;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8)}.reward-popup{overflow:hidden;background:linear-gradient(135deg,rgba(232,248,255,.92),rgba(246,243,255,.9) 52%,rgba(236,255,242,.92));backdrop-filter:blur(14px)}.reward-popup:before,.reward-popup:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(7,134,166,.12);border-radius:28px;background:linear-gradient(145deg,rgba(7,134,166,.1),rgba(19,166,107,.09));box-shadow:0 20px 55px rgba(31,45,78,.08)}.reward-popup:before{width:180px;height:180px;left:7%;top:14%;transform:rotate(-14deg);animation:none}.reward-popup:after{width:150px;height:150px;right:8%;bottom:11%;transform:rotate(12deg);animation:none}.reward-popup-box.reward-redesign{position:relative;z-index:1;isolation:isolate;overflow:hidden;width:min(calc(100% - 22px),456px);padding:15px 16px 17px;border:1px solid rgba(7,134,166,.2);border-radius:26px;background:linear-gradient(180deg,#fff 0%,#f6fcff 58%,#ecf8ff 100%);box-shadow:0 30px 80px rgba(31,45,78,.2),inset 0 1px 0 rgba(255,255,255,.95);text-align:center}.reward-redesign:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(7,134,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,134,166,.045) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 74%)}.reward-redesign:after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:78px;z-index:-1;border-radius:22px;background:linear-gradient(90deg,rgba(7,134,166,.1),rgba(19,166,107,.11));filter:blur(.2px)}.reward-popup-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#087f9e;font-size:.62rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.reward-popup-topline b{padding:5px 8px;border-radius:999px;color:#0f7a4f;background:#e6fff0;letter-spacing:.06em}.reward-stage{position:relative;width:174px;height:128px;margin:0 auto 8px}.reward-stage-grid{position:absolute;left:17px;right:17px;bottom:2px;height:38px;border-radius:50%;background:linear-gradient(90deg,rgba(7,134,166,.1),rgba(19,166,107,.14));filter:blur(1px)}.reward-cube{position:absolute;display:block;border:3px solid rgba(255,255,255,.82);border-radius:16px;box-shadow:0 20px 35px rgba(31,45,78,.16),inset 0 1px 0 rgba(255,255,255,.7);transform:rotate(var(--tilt));animation:none}.reward-cube:before{content:"";position:absolute;left:50%;top:50%;width:31%;height:31%;border-radius:7px;background:#132337;transform:translate(-50%,-50%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.cube-one{--tilt:-13deg;left:13px;top:37px;width:66px;height:66px;background:linear-gradient(145deg,#087f9e,#33d7ec);animation-delay:-.35s}.cube-two{--tilt:9deg;right:8px;top:16px;width:78px;height:78px;background:linear-gradient(145deg,#15b878,#86ff8d);animation-delay:-.05s}.cube-three{--tilt:-1deg;left:58px;bottom:0;width:56px;height:56px;background:linear-gradient(145deg,#ffd75c,#ff9b52);animation-delay:-.7s}.reward-token{position:absolute;left:50%;top:45%;display:grid;place-items:center;width:58px;height:58px;margin:-29px 0 0 -29px;border:3px solid #fff;border-radius:18px;color:#172033;background:linear-gradient(145deg,#fff5b8,#ffc44d);box-shadow:0 18px 38px rgba(216,143,0,.22);font-size:.82rem;font-weight:1000;letter-spacing:.02em;animation:none}.reward-spark{position:absolute;width:9px;height:9px;border-radius:3px;background:#ffd75c;box-shadow:0 0 0 5px rgba(255,215,92,.12);animation:none}.spark-one{left:18px;top:14px}.spark-two{right:22px;top:2px;background:#33d7ec;animation-delay:-.65s}.spark-three{right:8px;bottom:25px;background:#86ff8d;animation-delay:-1.15s}.reward-popup h2{margin:2px auto 6px;max-width:360px;color:#111827;font-size:1.5rem;line-height:1.08}.reward-popup p{max-width:330px;margin:0 auto;color:#50617a;font-size:.9rem;line-height:1.45}.reward-popup-badges{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:0}.reward-popup-badges span{padding:6px 10px;border:1px solid rgba(7,134,166,.16);border-radius:999px;color:#294766;background:rgba(255,255,255,.84);box-shadow:0 8px 18px rgba(31,45,78,.06);font-size:.66rem;font-weight:950}.reward-popup-actions{grid-template-columns:1fr!important;margin-top:15px}.reward-popup-actions .reward-cta{position:relative;isolation:isolate;overflow:hidden;min-height:58px;border-radius:18px;color:#fff;background:linear-gradient(90deg,#087f9e,#13a66b 58%,#0fac75);box-shadow:0 18px 36px rgba(7,134,166,.24),0 0 0 0 rgba(19,166,107,.22);font-size:1rem;font-weight:1000;animation:rewardCtaPulse 2.25s ease-in-out infinite}.reward-popup-actions .reward-cta:before{content:"";position:absolute;inset:-28px;z-index:0;background:linear-gradient(110deg,transparent 0%,transparent 36%,rgba(255,255,255,.44) 49%,transparent 62%,transparent 100%);transform:translateX(-85%);animation:rewardCtaShine 2.85s ease-in-out infinite}.reward-popup-actions .reward-cta:after{content:"";position:absolute;inset:5px;z-index:0;border:1px solid rgba(255,255,255,.32);border-radius:14px;pointer-events:none}.reward-popup-actions .reward-cta span{position:relative;z-index:1}.reward-cta-dot{width:13px;height:13px;border-radius:4px;background:#ffd75c;box-shadow:0 0 0 5px rgba(255,215,92,.18);animation:none}@media(max-width:420px){.reward-popup{padding:12px}.reward-popup-box.reward-redesign{width:min(100%,380px);padding:13px 13px 15px;border-radius:22px}.reward-stage{width:150px;height:112px}.cube-one{width:58px;height:58px}.cube-two{width:68px;height:68px}.cube-three{left:51px;width:50px;height:50px}.reward-token{width:50px;height:50px;margin:-25px 0 0 -25px}.reward-popup h2{font-size:1.24rem}.reward-popup p{font-size:.82rem}.reward-popup-actions .reward-cta{min-height:54px;font-size:.92rem}}
.reward-token{font-size:0}.reward-token:before{content:"";width:31%;height:31%;border-radius:7px;background:#132337;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.reward-popup{background:radial-gradient(circle at 50% 18%,rgba(7,134,166,.18),transparent 35%),linear-gradient(135deg,rgba(19,38,66,.36),rgba(22,52,68,.3));backdrop-filter:blur(18px) saturate(1.08)}.reward-popup:before,.reward-popup:after,.reward-cube,.reward-token,.reward-spark{animation:none!important}.reward-popup-box.reward-redesign{border:2px solid rgba(7,134,166,.34);background:linear-gradient(180deg,#ffffff 0%,#f8fdff 48%,#e4f5ff 100%);box-shadow:0 34px 86px rgba(15,31,56,.34),0 0 0 8px rgba(255,255,255,.5),0 0 0 10px rgba(7,134,166,.12),inset 0 1px 0 rgba(255,255,255,1)}.reward-redesign:before{background:linear-gradient(rgba(7,134,166,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(7,134,166,.06) 1px,transparent 1px)}.reward-popup-actions .reward-cta{animation:rewardCtaPulse 2.25s ease-in-out infinite!important;box-shadow:0 18px 38px rgba(7,134,166,.24),0 0 0 0 rgba(19,166,107,0);transform:translateZ(0)}.reward-popup-actions .reward-cta:before{opacity:.95;transform:translateX(-125%) skewX(-16deg);animation:rewardCtaShine 2.85s ease-in-out infinite!important;background:linear-gradient(105deg,transparent 0%,transparent 36%,rgba(255,255,255,.56) 50%,transparent 64%,transparent 100%)}.reward-popup-actions .reward-cta:after{animation:none!important;border-color:rgba(255,255,255,.38)}.reward-cta-dot{animation:none!important}
@keyframes rewardCtaPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 18px 38px rgba(7,134,166,.24),0 0 0 0 rgba(19,166,107,0)}48%{transform:translateY(-2px) scale(1.012);box-shadow:0 24px 48px rgba(7,134,166,.32),0 0 0 8px rgba(19,166,107,.12)}72%{transform:translateY(0) scale(1);box-shadow:0 18px 38px rgba(7,134,166,.24),0 0 0 0 rgba(19,166,107,0)}}@keyframes rewardCtaShine{0%,54%{transform:translateX(-125%) skewX(-16deg)}78%,100%{transform:translateX(125%) skewX(-16deg)}}
/* Modal and toast */
.modal{position:fixed;inset:0;z-index:250;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,7,15,.84);backdrop-filter:blur(12px)}.modal.show{display:flex}.modal-box{width:min(100%,430px);padding:20px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 90% 0%,rgba(155,124,255,.18),transparent 35%),#0e1830;box-shadow:var(--shadow);text-align:center}.modal-box h2{margin:0 0 6px;font-size:1.12rem}.modal-box p{margin:0;color:var(--muted);font-size:.7rem}.modal-actions{display:grid;gap:8px;margin-top:14px}.toast{position:fixed;top:13px;left:50%;z-index:300;width:min(calc(100% - 28px),430px);transform:translate(-50%,-150%);padding:12px 14px;border:1px solid rgba(134,255,141,.2);border-radius:13px;color:#edffef;background:rgba(13,29,24,.97);box-shadow:var(--shadow);font-size:.7rem;font-weight:850;transition:transform .28s}.toast.show{transform:translate(-50%,0)}.confetti{position:fixed;top:-15px;z-index:320;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:fall 1.8s ease-out forwards}
@keyframes float{50%{transform:translateY(-6px)}}@keyframes attentionGlow{0%,100%{box-shadow:0 12px 26px rgba(7,134,166,.18),0 0 0 rgba(19,166,107,0)}45%{box-shadow:0 16px 34px rgba(7,134,166,.25),0 0 0 4px rgba(19,166,107,.1)}70%{box-shadow:0 12px 26px rgba(7,134,166,.18),0 0 0 rgba(19,166,107,0)}}@keyframes attentionSweep{0%,48%{transform:translateX(-130%)}72%,100%{transform:translateX(130%)}}@keyframes gateDrift{50%{transform:translate3d(18px,12px,0) scale(1.04)}}@keyframes gateProgress{0%{transform:translateX(-110%)}55%,100%{transform:translateX(225%)}}@keyframes homeGateAura{50%{transform:scale(1.08);opacity:.7}}@keyframes homeGateOrbit{to{transform:rotate(360deg)}}@keyframes homeGatePulse{50%{transform:scale(1.035)}}@keyframes fall{to{transform:translate3d(var(--drift),105vh,0) rotate(680deg);opacity:0}}
@media(min-width:640px){.container{padding-inline:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.reward-grid,.achievement-grid,.avatar-grid{grid-template-columns:repeat(4,1fr)}.launch-actions,.page-actions{grid-template-columns:auto auto;justify-content:start}.category-stack{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1.35fr .7fr}.profile-edit{grid-template-columns:1fr auto}.modal-actions{grid-template-columns:1fr 1fr}}
@media(min-width:900px){body{padding-bottom:0}.section{padding:36px 0}.launch-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.75fr);align-items:center}.hero-character{min-height:410px}.split{grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr)}.grid-auto{grid-template-columns:repeat(4,1fr)}.journey-rail{justify-content:center}.sticky-next{display:none}.section-head h1,.section-head h2,.section-head h3{font-size:1.92rem}.home-launch h1,.page-hero h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.wheel{position:relative;overflow:hidden}
.wheel:after{z-index:2}
.wheel-label{position:absolute;inset:0;z-index:1;pointer-events:none}
.wheel-label span{position:absolute;left:50%;top:50%;min-width:36px;padding:3px 6px;border-radius:999px;color:#071018;background:rgba(255,255,255,.62);box-shadow:0 4px 12px rgba(0,0,0,.18);text-align:center;font-size:.68rem;font-weight:1000;line-height:1;transform:translate(-50%,-50%)}
.wheel-label span:nth-child(1){transform:translate(109px,-45px) translate(-50%,-50%)}
.wheel-label span:nth-child(2){transform:translate(45px,-109px) translate(-50%,-50%)}
.wheel-label span:nth-child(3){transform:translate(-45px,-109px) translate(-50%,-50%)}
.wheel-label span:nth-child(4){transform:translate(-109px,-45px) translate(-50%,-50%)}
.wheel-label span:nth-child(5){transform:translate(-109px,45px) translate(-50%,-50%)}
.wheel-label span:nth-child(6){transform:translate(-45px,109px) translate(-50%,-50%)}
.wheel-label span:nth-child(7){transform:translate(45px,109px) translate(-50%,-50%)}
.wheel-label span:nth-child(8){transform:translate(109px,45px) translate(-50%,-50%)}
@media(max-width:390px){
  .wheel-label span:nth-child(1){transform:translate(96px,-40px) translate(-50%,-50%)}
  .wheel-label span:nth-child(2){transform:translate(40px,-96px) translate(-50%,-50%)}
  .wheel-label span:nth-child(3){transform:translate(-40px,-96px) translate(-50%,-50%)}
  .wheel-label span:nth-child(4){transform:translate(-96px,-40px) translate(-50%,-50%)}
  .wheel-label span:nth-child(5){transform:translate(-96px,40px) translate(-50%,-50%)}
  .wheel-label span:nth-child(6){transform:translate(-40px,96px) translate(-50%,-50%)}
  .wheel-label span:nth-child(7){transform:translate(40px,96px) translate(-50%,-50%)}
  .wheel-label span:nth-child(8){transform:translate(96px,40px) translate(-50%,-50%)}
}
.rbx-nav-icon{position:relative;width:24px;height:24px;margin:0 auto;display:grid!important;place-items:center;font-size:0!important}
.rbx-nav-icon:before,.rbx-nav-icon:after{content:"";position:absolute;box-sizing:border-box}
.rbx-rewards:before{width:20px;height:20px;border:2px solid rgba(255,255,255,.88);border-radius:5px;background:linear-gradient(145deg,#f6f8ff,#8ea0c6);box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.75);transform:rotate(18deg)}
.rbx-rewards:after{content:"";width:7px;height:7px;border-radius:2px;background:#111a31;box-shadow:0 0 0 1px rgba(255,255,255,.22);transform:rotate(18deg)}
.rbx-spin:before{width:22px;height:22px;border:2px solid rgba(51,229,255,.9);border-left-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 14px rgba(51,229,255,.22)}
.rbx-spin:after{content:"";width:12px;height:12px;border:2px solid rgba(255,255,255,.88);border-radius:3px;background:linear-gradient(145deg,var(--cyan),var(--green));transform:rotate(18deg)}
.rbx-bonus:before{width:22px;height:20px;left:3px;bottom:2px;border:2px solid rgba(255,255,255,.82);border-radius:5px;background:linear-gradient(90deg,transparent 0 39%,rgba(255,255,255,.9) 39% 58%,transparent 58%),linear-gradient(0deg,transparent 0 43%,rgba(255,255,255,.82) 43% 61%,transparent 61%),linear-gradient(145deg,#ffd75c,#ff9b52 72%);box-shadow:0 8px 18px rgba(255,155,82,.24),inset 0 1px 0 rgba(255,255,255,.55);transform:rotate(12deg)}
.rbx-bonus:after{width:22px;height:12px;left:3px;top:0;background:radial-gradient(ellipse at 33% 62%,#ff6f91 0 34%,transparent 36%),radial-gradient(ellipse at 67% 62%,#ff6f91 0 34%,transparent 36%),linear-gradient(90deg,transparent 0 43%,#ffffff 43% 57%,transparent 57%);filter:drop-shadow(0 5px 8px rgba(255,111,145,.22));transform:rotate(12deg)}
.journey-link{display:grid;grid-template-rows:28px auto;align-items:center;justify-items:center}
.journey-link i{width:28px;height:28px;display:grid;place-items:center;line-height:1;margin:0 auto}
.journey-link .rbx-nav-icon{width:28px;height:28px}

/* Light production theme */
:root{
  --bg:#f6f9ff;--bg2:#eef5ff;--surface:#ffffff;--surface2:#f4f8ff;--surface3:#e8f1ff;
  --text:#111827;--muted:#5f6f89;--line:rgba(25,39,66,.13);
  --cyan:#0786a6;--green:#119866;--violet:#6756d6;--pink:#c23e8a;--yellow:#b87800;
  --orange:#cc6727;--red:#d84d61;--shadow:0 18px 45px rgba(31,45,78,.12);
}
html{background:var(--bg)}
body{color:var(--text);background:radial-gradient(circle at 8% -8%,rgba(7,134,166,.12),transparent 28%),radial-gradient(circle at 92% 4%,rgba(103,86,214,.1),transparent 31%),linear-gradient(180deg,#f8fbff,#eef5ff 48%,#fbfdff)}
body:before{background-image:linear-gradient(rgba(23,37,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,37,63,.04) 1px,transparent 1px);mask-image:linear-gradient(#000,transparent 82%)}
.panel,.card{border-color:var(--line);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,248,255,.74));box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.card{box-shadow:none}.card:hover{border-color:rgba(7,134,166,.28);background:#fff;box-shadow:0 12px 28px rgba(31,45,78,.1)}
.eyebrow{color:var(--cyan)}.section-head p,.card-body p,.card-foot span,.progress-top span,.task-card p,.day-box span,.chest span,.spin-result,.podium-card span,.leader-info span,.avatar-card p,.profile-main p,.activity-item div span,.next-section p,.sticky-next-sub,.modal-box p{color:var(--muted)}
.gradient-text{background:linear-gradient(90deg,var(--cyan),var(--green) 48%,var(--violet));-webkit-background-clip:text;background-clip:text}
.badge{color:#30415e;background:rgba(255,255,255,.78);border-color:var(--line)}.badge.green{color:var(--green);background:rgba(17,152,102,.09);border-color:rgba(17,152,102,.2)}.badge.yellow{color:var(--yellow);background:rgba(184,120,0,.09);border-color:rgba(184,120,0,.2)}
.btn-primary{color:#fff;background:linear-gradient(90deg,#087f9e,#13a66b);box-shadow:0 12px 26px rgba(7,134,166,.18)}.btn-violet{color:#fff;background:linear-gradient(90deg,var(--violet),var(--pink))}.btn-dark{color:var(--text);border:1px solid var(--line);background:#fff}
.journey-link{background:rgba(255,255,255,.8);border-color:var(--line);box-shadow:0 8px 20px rgba(31,45,78,.06)}.journey-link:hover,.journey-link.active{border-color:rgba(7,134,166,.32);background:rgba(7,134,166,.08)}.journey-link span{color:#50617a}
.home-launch,.page-hero{background:radial-gradient(circle at 88% 0%,rgba(103,86,214,.14),transparent 36%),radial-gradient(circle at 2% 100%,rgba(7,134,166,.13),transparent 38%),linear-gradient(145deg,#ffffff,#edf6ff);color:var(--text)}
.home-launch p,.page-hero p{color:#596a84}.hero-character{border-color:var(--line);background:radial-gradient(circle at 50% 20%,rgba(7,134,166,.14),transparent 32%),linear-gradient(180deg,#ffffff,#eaf3ff)}.hero-character:after{background-image:linear-gradient(rgba(23,37,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,37,63,.04) 1px,transparent 1px)}
.float-chip{color:var(--text);background:rgba(255,255,255,.84);border-color:var(--line);box-shadow:0 12px 24px rgba(31,45,78,.12)}.float-chip b{color:var(--cyan)}
.category-card{color:#162033;border-color:rgba(25,39,66,.11);box-shadow:0 18px 35px rgba(31,45,78,.1)}.category-card.pink{background:linear-gradient(135deg,#fff1f7,#ffd9ea)}.category-card.orange{background:linear-gradient(135deg,#fff4e9,#ffe0c4)}.category-card.blue{background:linear-gradient(135deg,#eaf9ff,#cdefff)}.category-card.purple{background:linear-gradient(135deg,#f2efff,#ded8ff)}.category-title b{border-color:rgba(25,39,66,.14);background:rgba(255,255,255,.58)}
.reward-art,.reward-art.violet,.reward-art.green,.reward-art.pink{background:radial-gradient(circle at 50% 25%,rgba(7,134,166,.13),transparent 45%),linear-gradient(145deg,#ffffff,#eaf3ff)}
.stat-icon,.task-icon,.leader-avatar,.podium-avatar,.profile-avatar,.activity-avatar{background:linear-gradient(145deg,rgba(7,134,166,.1),rgba(103,86,214,.08));color:#17233d}
.progress-line{border-color:var(--line);background:#e6edf8}.progress-fill{background:linear-gradient(90deg,#0786a6,#13a66b);box-shadow:0 0 12px rgba(7,134,166,.2)}
.level-ring{background:conic-gradient(var(--cyan) var(--ring),#e5edf8 0);box-shadow:0 14px 32px rgba(31,45,78,.12)}.level-ring:before{background:#fff}
.achievement-state{color:var(--yellow);background:rgba(184,120,0,.09)}.achievement-card:not(.locked) .achievement-state{color:var(--green);background:rgba(17,152,102,.09)}
.task-card.complete,.day-box.active{border-color:rgba(17,152,102,.22);background:rgba(17,152,102,.07)}.task-state{color:var(--yellow)}.task-card.complete .task-state{color:var(--green)}
.day-box{border-color:var(--line);background:rgba(255,255,255,.72)}
.chest{border-color:var(--line);background:radial-gradient(circle at 50% 30%,rgba(255,215,92,.28),transparent 44%),linear-gradient(145deg,#fff,#fff4d7)}.chest .emoji{filter:drop-shadow(0 10px 10px rgba(31,45,78,.14))}
.wheel{border-color:#d7e2f3;box-shadow:0 20px 45px rgba(31,45,78,.16),0 0 0 4px rgba(255,255,255,.7) inset}.wheel:after{border-color:#fff;box-shadow:0 8px 24px rgba(31,45,78,.14)}.wheel-pointer{border-top-color:#1f2937;filter:drop-shadow(0 4px 5px rgba(31,45,78,.24))}.wheel-label span{background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(31,45,78,.16)}
.podium-card{border-color:var(--line);background:rgba(255,255,255,.82)}.podium-card.first{border-color:rgba(184,120,0,.28);background:rgba(255,239,190,.55)}.rank{color:var(--yellow)}.leader-score,.mini-link,.card-foot b{color:var(--cyan)}
.avatar-preview{background:radial-gradient(circle at 50% 30%,rgba(7,134,166,.13),transparent 43%),linear-gradient(180deg,#ffffff,#eef6ff)}.avatar-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(7,134,166,.1),0 0 26px rgba(7,134,166,.08)}
.field{color:var(--text);border-color:var(--line);background:#fff}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(7,134,166,.1)}
.activity-item{border-bottom-color:var(--line)}
.next-section{background:linear-gradient(135deg,rgba(7,134,166,.08),rgba(103,86,214,.08)),#fff}.sticky-next{border-color:rgba(7,134,166,.22);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,247,255,.98));box-shadow:0 18px 38px rgba(31,45,78,.15),inset 0 1px 0 rgba(255,255,255,.9)}.sticky-next-kicker{color:#334155;border-color:var(--line);background:rgba(255,255,255,.72)}.sticky-next b{color:var(--text)}
.footer{border-top-color:var(--line);background:linear-gradient(180deg,#fff,#edf5ff)}.footer h3{color:var(--cyan)}.footer p,.footer li,.footer a{color:#60708a}.footer-bottom{border-top-color:var(--line);color:#708097}
.legal h1,.legal h2{color:var(--text)}.legal p,.legal li{color:#596a84}.legal a{color:var(--cyan)}
.modal{background:rgba(246,249,255,.78);backdrop-filter:blur(12px)}.modal-box{border-color:var(--line);background:radial-gradient(circle at 90% 0%,rgba(103,86,214,.1),transparent 35%),#fff;box-shadow:var(--shadow)}
.toast{color:#0f3d2d;border-color:rgba(17,152,102,.2);background:rgba(236,255,247,.98);box-shadow:var(--shadow)}
.rbx-rewards:before{border-color:rgba(255,255,255,.92);background:linear-gradient(145deg,#ffffff,#aab9d7)}.rbx-spin:before{border-color:rgba(7,134,166,.9);border-left-color:rgba(25,39,66,.16);border-bottom-color:rgba(25,39,66,.16)}.rbx-spin:after{border-color:rgba(255,255,255,.92)}

/* Readable text scale */
body{font-size:16px}
.eyebrow{font-size:.76rem;letter-spacing:.1em}
.section-head h1,.section-head h2,.section-head h3{font-size:1.58rem}
.section-head p{font-size:.86rem;line-height:1.5}
.home-launch p,.page-hero p{font-size:.92rem;line-height:1.55}
.home-launch h1,.page-hero h1{line-height:1.04}
.badge{font-size:.72rem;padding:6px 10px}
.btn{font-size:.92rem}.btn-small{font-size:.82rem}
.journey-link{min-width:84px;padding:10px 11px;grid-template-rows:30px auto}
.journey-link i{width:30px;height:30px;font-size:1.25rem}
.journey-link .rbx-nav-icon{width:30px;height:30px}
.journey-link span{font-size:.7rem;line-height:1.15;margin-top:3px}
.float-chip{font-size:.68rem}.float-chip b{font-size:.86rem}
.category-title b{font-size:.85rem}.category-title h3{font-size:1.28rem}
.card-body h3{font-size:.98rem;line-height:1.25}
.card-body p{font-size:.78rem;line-height:1.45}
.card-foot span,.card-foot b{font-size:.78rem}
.stat b{font-size:1.28rem}.stat span{font-size:.76rem}.stat-icon{font-size:1.28rem}
.progress-top{font-size:.82rem}
.level-ring span{font-size:.72rem}
.achievement-card h3{font-size:.92rem}.achievement-card p{font-size:.76rem;line-height:1.45}.achievement-state{font-size:.68rem}
.task-card h3{font-size:.92rem}.task-card p{font-size:.76rem;line-height:1.45}.task-state{font-size:.7rem}
.day-box b{font-size:.82rem}.day-box span{font-size:.66rem}
.chest b{font-size:.9rem}.chest span{font-size:.72rem}
.spin-result{font-size:.82rem}.wheel-label span{font-size:.78rem}
.podium-card b,.leader-info b{font-size:.84rem}.podium-card span,.leader-info span{font-size:.68rem}.leader-score,.rank{font-size:.78rem}
.avatar-card h3{font-size:.9rem}.avatar-card p{font-size:.72rem}
.profile-main h1{font-size:1.35rem}.profile-main p{font-size:.78rem}
.activity-item div{font-size:.78rem}.activity-item time{font-size:.66rem}
.unlock-row h3{font-size:.9rem}.unlock-row span{font-size:.74rem}
.next-section h2{font-size:1.15rem}.next-section p{font-size:.78rem}
.sticky-next-kicker{font-size:.6rem}.sticky-next b{font-size:.84rem}.sticky-next-sub{font-size:.66rem}.sticky-next .btn{font-size:.76rem}
.footer h3{font-size:.82rem}.footer p,.footer li,.footer a{font-size:.78rem}.footer-bottom{font-size:.72rem}
.legal h1{font-size:1.9rem}.legal h2{font-size:1.15rem}.legal p,.legal li{font-size:.9rem;line-height:1.75}
.modal-box h2{font-size:1.28rem}.modal-box p{font-size:.82rem}.toast{font-size:.82rem}
.quick-stat b{font-size:.95rem}.quick-stat span{font-size:.66rem}
@media(min-width:900px){
  .section-head h1,.section-head h2,.section-head h3{font-size:2.05rem}
  .home-launch h1,.page-hero h1{font-size:3.08rem}
}

/* Final readability polish */
.journey-link span{font-size:.76rem}
.card-body h3{font-size:1rem}
.card-body p{font-size:.82rem}
.card-foot span,.card-foot b{font-size:.82rem}
.achievement-card p,.task-card p{font-size:.8rem}
.avatar-card p,.chest span{font-size:.76rem}
.footer p,.footer li,.footer a{font-size:.82rem}
.sticky-next-sub{font-size:.72rem}
.quick-stat span{font-size:.7rem}

/* GAM advertisement markers */
.gam-native-marker.section-ad-label{width:100%;margin:0 0 6px;padding:0}
.home-hero-section{padding-bottom:4px}
.home-category-section{padding-top:4px}
.rewards-hero-section{padding-bottom:4px}
.rewards-list-section{padding-top:4px}
.spin-hero-section,.bonus-hero-section,.daily-hero-section{padding-bottom:4px}
.spin-wheel-section,.bonus-chests-section,.daily-tasks-section{padding-top:4px}
.gam-native-marker+.journey-wrap{padding-top:4px}
.gam-native-marker+main{margin-top:4px}
@media(min-width:640px){.gam-native-marker.section-ad-label{margin:0 0 6px;padding-inline:0}}

/* Final visual audit fixes */
.mini-link{display:inline-flex;align-items:center;min-height:34px}
.footer a{display:inline-flex;align-items:center;min-height:34px}
.footer li+li{margin-top:0}
@media(max-width:899px){body>main+section.section-sm{display:none}}

/* Loading gate logo polish */
.home-gate,.home-gate *,.home-gate:before,.home-gate:after{box-sizing:border-box}.home-gate{contain:layout paint style}.home-gate:before,.home-gate:after{display:none;animation:none}.home-gate-mark{isolation:isolate;overflow:visible;animation:none}
.home-gate-mark:before{inset:50% auto auto 50%;width:112px;height:112px;border-width:3px;border-color:rgba(7,134,166,.12);border-top-color:#087f9e;border-right-color:#087f9e;border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;animation:homeGateRoundSpin 1.45s linear infinite}
.home-gate-mark:after{inset:50% auto auto 50%;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(7,134,166,.16),transparent 64%);transform:translate(-50%,-50%);animation:none}
.home-gate-mark span{inset:24px;border-radius:9px}
@keyframes homeGateRoundSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes homeGateRoundAura{50%{transform:translate(-50%,-50%) scale(1.07);opacity:.72}}

/* Home ad split */
.home-hero-section>.container{display:grid;gap:6px}
.home-launch{padding-bottom:7px}
.home-launch .launch-grid{display:block}
.home-launch .launch-actions{margin-bottom:0}
.home-inline-ad{width:100%;min-height:0!important;margin:0!important;padding:0!important}
.home-inline-ad:empty{display:none}
.home-inline-ad::before{margin:0 auto!important;line-height:1.05!important}
.home-inline-ad>.gam-ad-wrapper{margin:0 auto!important}
.home-showcase-card{margin-top:0;padding:12px 12px 14px}
.home-inline-ad:not(:has(.gam-ad-wrapper.is-filled)) + .home-showcase-card{margin-top:10px}
.home-inline-ad:has(.gam-ad-wrapper.is-filled) + .home-showcase-card{margin-top:0}
.home-showcase-grid{display:grid;gap:12px}
.home-showcase-card .quick-stats{margin-top:0}
.launch-actions .btn>*{position:relative;z-index:2}.btn-symbol{flex:0 0 auto;display:inline-block}.gift-symbol{width:18px;height:17px;border-radius:4px;background:linear-gradient(90deg,transparent 0 42%,rgba(255,255,255,.88) 42% 56%,transparent 56%),linear-gradient(0deg,transparent 0 42%,rgba(255,255,255,.82) 42% 58%,transparent 58%),linear-gradient(145deg,#ffd75c,#ff9b52);box-shadow:0 3px 8px rgba(120,80,0,.18)}.gift-symbol:before{content:"";position:absolute;left:2px;right:2px;top:-5px;height:7px;border-radius:999px;background:radial-gradient(ellipse at 32% 70%,#ff6f91 0 35%,transparent 37%),radial-gradient(ellipse at 68% 70%,#ff6f91 0 35%,transparent 37%)}.bolt-symbol{width:12px;height:20px;background:#ffd75c;clip-path:polygon(48% 0,100% 0,66% 43%,100% 43%,32% 100%,44% 55%,0 55%);filter:drop-shadow(0 2px 4px rgba(120,80,0,.22))}
@media(min-width:900px){.home-showcase-grid{grid-template-columns:minmax(0,.82fr) minmax(330px,1fr);align-items:start}.home-showcase-card .quick-stats{align-self:start}.home-showcase-card .hero-character{min-height:330px}}
@media(min-width:900px){.home-hero-section,.rewards-hero-section,.spin-hero-section,.bonus-hero-section,.daily-hero-section{padding-bottom:6px}.home-category-section,.rewards-list-section,.spin-wheel-section,.bonus-chests-section,.daily-tasks-section{padding-top:6px}}
.gam-native-marker+.journey-wrap{padding-top:2px}.journey-wrap{padding-bottom:0}.journey-rail{padding-bottom:4px}.home-hero-section{padding-top:8px}.journey-link{min-width:76px;padding:8px 9px}.journey-link i{width:27px;height:27px}.journey-link .rbx-nav-icon{width:27px;height:27px}.journey-link span{margin-top:1px}@media(min-width:900px){.home-hero-section{padding-top:10px}.journey-rail{padding-bottom:6px}}

/* Footer separation */
.footer{position:relative;overflow:hidden;border-top:1px solid rgba(7,134,166,.22);background:linear-gradient(180deg,#ffffff 0%,#eef8ff 54%,#dfeefa 100%);box-shadow:0 -18px 42px rgba(36,56,92,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.footer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#087f9e,#13a66b,#7b6cff);opacity:.9}
.footer .container{position:relative;z-index:1}
.footer h3{color:#087f9e}
.footer p,.footer li,.footer a{color:#475b78}
.footer a{font-weight:800;text-decoration:none}
.footer a:hover{color:#087f9e}
.footer-bottom{border-top-color:rgba(7,134,166,.16);color:#536783;background:rgba(255,255,255,.38)}

/* Sticky next CTA contrast */
.sticky-next{left:14px;right:14px;bottom:calc(12px + var(--safe));border:2px solid rgba(73,213,235,.55);border-radius:22px;background:linear-gradient(135deg,#101b2e 0%,#12304a 52%,#0d7f8a 100%);box-shadow:0 24px 54px rgba(9,22,43,.38),0 0 0 4px rgba(255,255,255,.92),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:none}
.sticky-next:before{inset:0;padding:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 38%);-webkit-mask:none;mask:none;pointer-events:none}
.sticky-next:after{left:auto;right:-28px;top:-36px;width:130px;height:130px;background:radial-gradient(circle,rgba(88,255,203,.24),transparent 66%)}
.sticky-next-kicker{color:#f8fbff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.sticky-next b{color:#fff}
.sticky-next-sub{color:#d4e4f6}
.sticky-next .btn{color:#fff;background:linear-gradient(135deg,#0a8ea3,#13a66b);box-shadow:0 14px 28px rgba(3,15,30,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.sticky-next{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:66px;padding:9px 10px 9px 12px}
.sticky-next b{font-size:.86rem}
.sticky-next-sub{font-size:.68rem}
.sticky-next .btn{min-height:42px;padding-inline:15px;border-radius:15px;font-size:.8rem}
.sticky-next .btn{animation:stickyContinueFocus 2.75s ease-in-out infinite;transform:translateZ(0);transform-origin:center;will-change:box-shadow,filter}
@keyframes stickyContinueFocus{0%,100%{filter:brightness(1);box-shadow:0 14px 28px rgba(3,15,30,.28),0 0 0 0 rgba(88,255,203,0),inset 0 1px 0 rgba(255,255,255,.18)}42%{filter:brightness(1.08);box-shadow:0 18px 32px rgba(3,15,30,.32),0 0 0 7px rgba(88,255,203,.18),inset 0 1px 0 rgba(255,255,255,.24)}70%{filter:brightness(1.03);box-shadow:0 14px 28px rgba(3,15,30,.28),0 0 0 0 rgba(88,255,203,0),inset 0 1px 0 rgba(255,255,255,.18)}}
.sticky-next.is-waiting{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px)}
.sticky-next.is-ready{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
html.has-sticky-next body{padding-bottom:calc(112px + var(--safe))}
@media(min-width:900px){html.has-sticky-next body{padding-bottom:0}}
@media(max-width:420px){.sticky-next{left:12px;right:12px;bottom:calc(10px + var(--safe));gap:8px;padding:8px 9px 8px 10px}.sticky-next .btn{min-height:40px;padding-inline:13px}.sticky-next-sub{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.sticky-next .btn{animation:none}}

/* Fast reward gate and content-backed popup */
html.reward-popup-open,html.reward-popup-open body{overflow:hidden}
.reward-popup{background:rgba(238,247,255,.2)!important;backdrop-filter:blur(14px) saturate(1.06)!important;-webkit-backdrop-filter:blur(14px) saturate(1.06)!important}
.reward-popup:before,.reward-popup:after{display:none!important}
.reward-popup-box.reward-redesign{box-shadow:0 32px 86px rgba(15,31,56,.28),0 0 0 6px rgba(255,255,255,.42),0 0 0 8px rgba(7,134,166,.1),inset 0 1px 0 rgba(255,255,255,1)}
.reward-popup.show+.toast{pointer-events:none}

/* Interstitial-aware sticky CTA */
.sticky-next.is-ready{transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.sticky-next.is-ad-ready{border-color:rgba(88,255,203,.68);box-shadow:0 24px 54px rgba(9,22,43,.38),0 0 0 4px rgba(255,255,255,.92),0 0 0 7px rgba(88,255,203,.14),inset 0 1px 0 rgba(255,255,255,.2)}
.sticky-next.is-fallback{background:linear-gradient(135deg,#142033 0%,#17324a 58%,#126578 100%)}
.sticky-next.is-fallback .btn{animation:none;background:linear-gradient(135deg,#087f9e,#13a66b);box-shadow:0 12px 24px rgba(3,15,30,.24),inset 0 1px 0 rgba(255,255,255,.16)}
.sticky-next.is-ad-ready .btn{animation:stickyContinueFocus 2.75s ease-in-out infinite}
