/* Colorfall journey: vivid candy surfaces derived from the current brand. */
.m3j-page{--cf-pink:#ff238f;--cf-purple:#9b38ff;--cf-cyan:#12ddff;--cf-gold:#ffd229;--cf-mint:#25ee91}
.m3j-page>.m3j-hero.brand-surface-colorfall{border:2px solid #ffffff70!important;background:radial-gradient(circle at 85% 13%,#53e7ffb8 0 7%,transparent 28%),radial-gradient(circle at 59% 82%,#59f0cbbd 0 8%,transparent 31%),linear-gradient(128deg,#d72b82 0%,#9031e9 39%,#354fe1 68%,#008fc0 100%)!important;box-shadow:inset 0 3px 0 #ffffff45,inset 0 -9px 0 #172d743d,0 24px 0 #080b2838,0 35px 85px #0009,0 0 55px #ff2f9240!important}
.m3j-page>.m3j-hero:before{background:radial-gradient(ellipse at 18% 8%,#ffcf35 0 7%,transparent 8%),radial-gradient(ellipse at 73% 6%,#40f1c9 0 12%,transparent 13%),linear-gradient(175deg,#5b31b585,#063054d9 72%);box-shadow:0 -10px 42px #52f2d165}
.m3j-page>.m3j-hero.brand-surface-colorfall .m3j-hero-progress{padding:12px;border:2px solid #ffffff70!important;border-radius:29px;background:#1b2c87e8!important;box-shadow:inset 0 3px 0 #ffffff38,inset 0 -7px 0 #08123c4d,0 10px 0 #12104a4d,0 20px 42px #18083d80,0 0 30px #26d8ef55!important;backdrop-filter:none}
.m3j-page>.m3j-hero .hero-actions .button{border:2px solid #ffffffa8!important;box-shadow:inset 0 3px 0 #ffffff4f,inset 0 -5px 0 #53106c42,0 6px 0 #35105b80,0 13px 28px #12052d85!important;color:#fff!important;text-shadow:0 2px 3px #36104e}
.m3j-page>.m3j-hero .hero-actions .match3-cta{background:linear-gradient(135deg,#ff3b98,#a839ef 55%,#4b59e5)!important}.m3j-page>.m3j-hero .hero-actions .secondary{background:linear-gradient(135deg,#16cde8,#197bc8)!important}
.m3j-page>.m3j-hero .hero-actions .button:hover{border-color:#fff!important;filter:saturate(1.1) brightness(1.08);transform:translateY(-2px)}
.m3j-page>.m3j-hero .m3j-summary{border:2px solid #e8c8ff;border-radius:25px;background:radial-gradient(circle at 28% 18%,#ffffff42 0 5%,transparent 26%),linear-gradient(145deg,#b856f5,#6556e7 55%,#344ec3);box-shadow:inset 0 3px 0 #ffffff45,inset 0 -7px 0 #34108045,0 7px 0 #27106f5c,0 13px 24px #070b2b70}
.m3j-page>.m3j-hero .m3j-summary-kicker{color:#fff4a8;font-weight:900;letter-spacing:.04em}.m3j-page>.m3j-hero .m3j-summary strong{color:#fff;text-shadow:0 3px 0 #4c1d95,0 0 16px #fff6}.m3j-page .m3j-summary-stats{gap:10px}
.m3j-page .m3j-summary-stats>span{border:2px solid #ffffff78;border-radius:15px;box-shadow:inset 0 3px 0 #ffffff42,inset 0 -5px 0 #0f225c42,0 5px 0 #10154455,0 10px 20px #070b2b62}
.m3j-page .m3j-summary-stats>span:first-child{background:linear-gradient(120deg,#ffb51f,#ff5e6d 52%,#e63a9c)}.m3j-page .m3j-summary-stats>span:last-child{background:linear-gradient(120deg,#16c8d8,#17c8a5 52%,#3aa9ef)}
.m3j-page .m3j-summary-stats i{border:1px solid #fff8;background:#ffffff38;color:#fff7a6;box-shadow:inset 0 2px #fff5,0 3px 7px #0004}.m3j-page .m3j-summary-stats small{color:#fff;font-weight:900}.m3j-page .m3j-summary-stats strong{color:#fff;text-shadow:0 2px 4px #19306b}
.m3j-page .m3j-top{border:2px solid #36dff04d;background:radial-gradient(circle at 7% 0,#ff3f9b30,transparent 34%),linear-gradient(145deg,#18123a,#081c31);box-shadow:inset 0 2px #ffffff18,0 12px 30px #0005}.m3j-page .m3j-top article{border:1px solid #ffffff1c;background:linear-gradient(145deg,#7f36ca38,#09bcd12b);box-shadow:inset 0 1px #ffffff20,0 6px 15px #0004}
.m3j-page .m3j-chapter{border-width:2px;box-shadow:inset 0 2px 0 #ffffff1a,0 24px 70px #0008,0 0 30px color-mix(in srgb,var(--map-accent) 20%,transparent)}
.m3j-page .m3j-chapter>header{border-width:2px!important;background:radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--map-accent-2) 24%,transparent),transparent 35%),linear-gradient(145deg,#171038f2,#071b2df2)!important;box-shadow:inset 0 2px #ffffff22,inset 0 -5px #05081955,0 12px 30px #0008,0 0 22px color-mix(in srgb,var(--map-accent) 17%,transparent)!important}
.m3j-page .m3j-node-copy{border:1px solid color-mix(in srgb,var(--map-accent) 30%,transparent);background:linear-gradient(145deg,#19123deb,#07192ce8)!important;box-shadow:inset 0 1px #ffffff18,0 8px 20px #0006!important}
.m3j-page .m3j-node>a{border-color:#fff;box-shadow:inset 0 3px #ffffff46,inset 0 -6px #3b176750,0 0 0 7px #10071ecc,0 12px 27px #0007,0 0 25px var(--map-accent)}
@media(max-width:760px){.m3j-page .m3j-hero-progress{gap:8px;padding:8px}.m3j-page>.m3j-hero .m3j-summary{min-height:104px}.m3j-page .m3j-summary-stats{gap:7px}.m3j-page .m3j-summary-stats>span{min-height:44px;padding:6px 8px}.m3j-page .m3j-summary-stats i{width:29px;height:29px}.m3j-page .m3j-summary-stats strong{font-size:11px}}

/* Journey support panels continue the logo palette instead of falling back
   to generic translucent dashboard cards. */
.m3j-page>.powerup-store--match3,.m3j-page>.m3j-daily-tasks,.m3j-page>.weekly-mission-track.is-match3,.m3j-page>.m3j-top{border-width:2px;border-radius:27px;box-shadow:inset 0 2px 0 #ffffff1d,inset 0 -6px 0 #05081932,0 16px 40px #0006}
.m3j-page>.powerup-store--match3{border-color:#ff62ad9c;background:radial-gradient(circle at 91% 0,#12ddff75,transparent 36%),radial-gradient(circle at 8% 100%,#ff238f63,transparent 40%),linear-gradient(135deg,#56148f,#1944a2 58%,#087ca0)}
.m3j-page>.powerup-store--match3 .eyebrow{color:#67e8f9}.m3j-page>.powerup-store--match3 header p{color:#e2e8f0}
.m3j-page>.powerup-store--match3 .powerup-store-balance{border:2px solid #ffe987;background:linear-gradient(145deg,#ffcf32,#f48b19);box-shadow:inset 0 3px #fff8,inset 0 -5px #9a341e55,0 6px 0 #7c2d1260,0 10px 22px #0006;color:#351307}.m3j-page>.powerup-store--match3 .powerup-store-balance span,.m3j-page>.powerup-store--match3 .powerup-store-balance strong{color:#fff;text-shadow:0 2px 3px #9a341e}.m3j-page>.powerup-store--match3 .powerup-store-balance small{color:#4a1807}
.m3j-page>.powerup-store--match3 .powerup-store-item{border:2px solid #ffffff68;background:linear-gradient(145deg,#a446f2,#5638d7);box-shadow:inset 0 3px #ffffff45,inset 0 -5px #1f155949,0 5px 0 #100b3f52,0 10px 20px #0005}.m3j-page>.powerup-store--match3 .powerup-store-item:nth-child(2){background:linear-gradient(145deg,#0edaf2,#158ed8)}.m3j-page>.powerup-store--match3 .powerup-store-item:nth-child(3){background:linear-gradient(145deg,#20e8a2,#079f9e)}.m3j-page>.powerup-store--match3 .powerup-store-item:nth-child(4){background:linear-gradient(145deg,#ff3f9d,#c832ca)}.m3j-page>.powerup-store--match3 .powerup-store-item:nth-child(5){background:linear-gradient(145deg,#ffc12c,#f56c32)}.m3j-page>.powerup-store--match3 .powerup-store-item small{color:#fff7aa}.m3j-page>.powerup-store--match3 .powerup-store-item>b{border:2px solid #fff8;background:#111a55;color:#fff}.m3j-page>.powerup-store--match3 .powerup-store-guide{color:#8ef5ff;text-shadow:0 0 12px #22d3ee80}
.m3j-page>.m3j-daily-tasks{border-color:#12ddff91;background:radial-gradient(circle at 92% 0,#ff238f72,transparent 36%),linear-gradient(135deg,#1740a0,#222278 55%,#691790)}.m3j-page>.m3j-daily-tasks .eyebrow{color:#82f3ff}.m3j-page>.m3j-daily-tasks>header>strong{padding:7px 11px;border-radius:99px;background:#ffd22938;color:#fff3a2;box-shadow:inset 0 1px #fff3}
.m3j-page>.m3j-daily-tasks article{border:2px solid #ffffff2d;background:linear-gradient(145deg,#6533b86e,#123d7370);box-shadow:inset 0 2px #ffffff22,0 7px 16px #0004}.m3j-page>.m3j-daily-tasks article:nth-child(2){background:linear-gradient(145deg,#0c9fb474,#234aae70)}.m3j-page>.m3j-daily-tasks article:nth-child(3){background:linear-gradient(145deg,#cb397b6e,#743bb370)}.m3j-page>.m3j-daily-tasks article.is-complete{border-color:#56f2b870;background:linear-gradient(145deg,#13a87972,#0b637d78)}.m3j-page>.m3j-daily-tasks article>i{border:2px solid #ffffff68;background:linear-gradient(145deg,#bd5cff,#6533d8);box-shadow:inset 0 2px #fff5,0 4px 0 #29135a66;color:#fff}.m3j-page>.m3j-daily-tasks article.is-complete>i{background:linear-gradient(145deg,#4ff0a5,#079b77)}.m3j-page>.m3j-daily-tasks article mark{border:1px solid #ffe38766;background:#ffb41f30;color:#fff0a0}.m3j-page>.m3j-daily-tasks article small{color:#dbeafe}
.m3j-page>.weekly-mission-track.is-match3{border-color:#c26cff94;background:radial-gradient(circle at 92% 0,#12ddff72,transparent 35%),linear-gradient(135deg,#58129a,#2443a1 58%,#087895)}.m3j-page>.weekly-mission-track.is-match3 .eyebrow{color:#ffabe0}.m3j-page>.weekly-mission-track.is-match3>header>small{color:#8ef5ff}
.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article{border:2px solid #ffffff2b;background:linear-gradient(145deg,#7438bb73,#1d477c70);box-shadow:inset 0 2px #ffffff20,0 7px 16px #0004}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article:nth-child(2){background:linear-gradient(145deg,#0ba8bd75,#2350a275)}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article:nth-child(3){background:linear-gradient(145deg,#d03b8a70,#7438bb70)}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article:nth-child(4){background:linear-gradient(145deg,#ec8e2870,#b3317770)}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article:nth-child(5){background:linear-gradient(145deg,#16b98070,#0c728875)}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail article>i{border:2px solid #ffffff65;background:linear-gradient(145deg,#c05cff,#6331d5);box-shadow:inset 0 2px #fff5,0 4px 0 #25125466}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail .is-complete>i{background:linear-gradient(145deg,#52efa8,#079a74)}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail small{color:#dbeafe}.m3j-page>.weekly-mission-track.is-match3 .weekly-mission-rail mark{color:#fff0a0}
.m3j-page>.m3j-top article:nth-child(1){border-color:#ffe36fa8;background:linear-gradient(145deg,#f4b42978,#e43e8b6e)}.m3j-page>.m3j-top article:nth-child(2){border-color:#9eeeff94;background:linear-gradient(145deg,#12d8ec70,#405ee475)}.m3j-page>.m3j-top article:nth-child(3){border-color:#e0a4ff94;background:linear-gradient(145deg,#b54aed73,#5745df70)}.m3j-page>.m3j-top article>b{filter:drop-shadow(0 3px 5px #0007)}.m3j-page>.m3j-top article>span{color:#edf7ff}
@media(max-width:760px){.m3j-page>.powerup-store--match3,.m3j-page>.m3j-daily-tasks,.m3j-page>.weekly-mission-track.is-match3,.m3j-page>.m3j-top{border-radius:22px}.m3j-page>.powerup-store--match3 .powerup-store-item{border-width:1px;box-shadow:inset 0 2px #ffffff25,inset 0 -3px #130a3940,0 4px 10px #0004}.m3j-page>.m3j-daily-tasks>header>strong{font-size:10px}}
