.mission-center{max-width:1100px;margin:auto}.mission-center h1{font-size:clamp(32px,5vw,54px);margin:8px 0;letter-spacing:2px}.mission-intro{color:#a7adc8;margin-bottom:28px}.mission-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#090e23;border:1px solid #7151a44d;border-radius:12px;padding:6px;gap:5px;margin-bottom:26px}.mission-tabs button{border:0;background:transparent;padding:15px 8px;font-weight:800;font-size:12px;color:#aeb3cc;letter-spacing:.6px;border-radius:8px}.mission-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#69409b,#3d285c);box-shadow:0 0 25px #9166d52b}.mission-section-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;letter-spacing:1px;font-size:12px;color:#c5b1e7;margin:20px 0}.mission-countdown{color:#dfcaef;font-variant-numeric:tabular-nums}.mission-row{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(130px,1fr) 100px 110px;gap:22px;align-items:center;padding:21px 24px;margin:9px 0;background:linear-gradient(110deg,#12172ce8,#0b1023e8);border:1px solid #767ca42b;border-radius:10px;transition:border-color .2s,background .2s}.mission-row:hover{border-color:#a27ad377}.mission-row.is-claimable{border-color:#a478d980;background:linear-gradient(100deg,#231b3ced,#10172ded)}.mission-copy h2{font-size:17px;margin:0 0 5px}.mission-copy p{font-size:12px;margin:0;color:#aeb4ca}.mission-progress{display:grid;gap:8px}.mission-progress strong{font-size:12px;font-variant-numeric:tabular-nums}.mission-center progress,.home-missions progress{height:6px;width:100%;border:0;border-radius:10px;overflow:hidden;accent-color:#ad76e2;background:#29283c}.mission-center progress::-webkit-progress-bar,.home-missions progress::-webkit-progress-bar{background:#29283c}.mission-center progress::-webkit-progress-value,.home-missions progress::-webkit-progress-value{background:linear-gradient(90deg,#7851b6,#c28cf6);border-radius:10px;transition:width .35s}.mission-value{font-size:14px;white-space:nowrap}.mission-value.cash{color:#77edb5}.mission-value.xp{color:#eed295}.mission-action{font-size:10px;color:#9098b6;text-align:right}.is-claimed .mission-action{color:#79c8a1}.mission-claim{background:linear-gradient(135deg,#8152b8,#543076);border:1px solid #b085de;color:#fff;font-size:11px;font-weight:800;padding:11px 16px;border-radius:7px;cursor:pointer;white-space:nowrap}.mission-claim:disabled{opacity:.5;cursor:wait}.mission-bonus{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px;border:1px solid #c7a2685c;border-radius:12px;background:linear-gradient(110deg,#2a2035cc,#11152acc)}.mission-bonus strong{color:#f0d494;font-size:27px}.mission-bonus .eyebrow{color:#d0a7ec;font-size:11px}.mission-bonus p:last-child,.mission-bonus>span,.mission-reset-note{font-size:11px;color:#a9acc4}.mission-coming{text-align:center;padding:80px 20px;background:#0d1325bd;border:1px solid #9166ba44;border-radius:12px}.mission-coming h2{font-size:40px;color:#be94e9}.mission-coming p{color:#a5aac7}.mission-feedback{color:#f5bf8c}.mission-feedback:empty{display:none}.home-missions{margin:24px 0;border:1px solid #9b70ce44;background:linear-gradient(110deg,#14172ae8,#0e142be8);border-radius:15px;padding:24px}.home-mission-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-mission-heading h2{font-size:17px;letter-spacing:1px;margin:0}.home-mission-heading a{font-size:10px;color:#d8b7fb;text-decoration:none;font-weight:800}.home-mission-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:22px}.home-mission{display:grid;gap:9px;color:#fff;text-decoration:none}.home-mission strong{font-size:14px}.home-mission span:not(.eyebrow){color:#a3acc8;font-size:10px}.home-mission.is-claimable span:not(.eyebrow){color:#89efbf}.mission-reward{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;color:white;text-align:center;background:radial-gradient(ellipse at center,#14362aee,#050919f7 65%);padding:0 20px;overflow:hidden}.mission-reward.is-xp{background:radial-gradient(ellipse at center,#342447ee,#050919f7 65%)}.mission-reward::backdrop{background:#03040cf5}.mission-reward[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mission-reward h1{font-size:clamp(24px,4vw,48px);letter-spacing:3px;z-index:1}.mission-reward-amount{z-index:1;display:grid;gap:20px;background:transparent!important;border:0!important;cursor:pointer;animation:mission-impact .6s cubic-bezier(.2,.8,.2,1)}.mission-reward-amount strong{font-size:clamp(42px,10vw,120px);font-weight:900;line-height:1.15;white-space:nowrap}.mission-reward .cash{color:#7dffc0;text-shadow:0 0 30px #41e49799}.mission-reward .xp{color:#f6d190;text-shadow:0 0 35px #c892e5aa}.mission-reward-note{font-size:11px;color:#97a9ba}.mission-particles{position:absolute;left:50%;top:50%;pointer-events:none}.mission-particles i{position:absolute;width:5px;height:5px;background:#d1f9d0;box-shadow:0 0 10px #aefbd4;border-radius:50%;animation:mission-particle 1.4s ease-out both;transform:rotate(var(--angle))}.is-xp .mission-particles i{background:#f1d8a2}@keyframes mission-impact{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}@keyframes mission-particle{0%{opacity:1;transform:rotate(var(--angle)) translateX(20px)}100%{opacity:0;transform:rotate(var(--angle)) translateX(290px)}}@media(max-width:700px){.mission-tabs{grid-template-columns:1fr 1fr}.mission-tabs button{font-size:10px;padding:12px 6px}.mission-row{grid-template-columns:1fr auto;gap:14px;padding:18px 16px}.mission-copy{grid-column:1/-1}.mission-progress{grid-column:1}.mission-value{grid-column:2;grid-row:2}.mission-action{grid-column:1/-1;text-align:left}.mission-bonus{align-items:flex-start;flex-direction:column;padding:20px}.home-mission-rows{grid-template-columns:1fr;gap:20px}.home-missions{padding:20px}.mission-reward h1{font-size:25px}.mission-reward-amount strong{font-size:clamp(36px,10vw,75px)}}@media(prefers-reduced-motion:reduce){.mission-reward-amount,.mission-particles i{animation:none}.mission-particles{display:none}.mission-row{transition:none}}

.mission-row.is-targeted{outline:2px solid #ceacef;box-shadow:0 0 30px #a980d44d}

.main-tier-navigation{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.main-tier-navigation button{padding:.7rem;border:1px solid #394867;border-radius:.5rem;background:#0a1227;color:#dce5ff}.main-tier-navigation .is-active{border-color:#bc87ff;background:#281e45}.main-reward-pack-preview{display:block;width:100px;margin:1rem auto}.main-guaranteed-reward{text-align:center;font-weight:800;color:#bd80f5;margin:1.5rem}.pack-cinema .cinema-pack[hidden]{display:none}

/* Five-tier Main roadmap; Daily/Weekly/Multiplayer layouts stay independent. */
.mission-roadmap{display:grid;grid-template-columns:repeat(var(--mission-tiers,6),minmax(0,1fr));gap:14px;margin:26px 0 20px;position:relative}
.mission-milestone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:164px;padding:16px 8px;background:#111829;border:1px solid #45516b;border-radius:11px;color:#a2adc5;cursor:pointer;box-shadow:0 8px 24px #0002}
.mission-milestone:after{content:'';position:absolute;right:-15px;top:50%;width:14px;height:2px;background:#596078}.mission-milestone:last-child:after{display:none}.mission-milestone strong{font:800 clamp(14px,1.8vw,20px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:.6px;text-align:center}.mission-milestone small,.milestone-status{font-size:10px;letter-spacing:1.2px}.milestone-icon{height:30px;font-size:27px;line-height:30px}.milestone-icon svg{width:26px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.mission-milestone.is-active{background:linear-gradient(145deg,#48246f,#211736);border-color:#a663ef;color:#e7ccff}.mission-milestone.is-completed{background:linear-gradient(145deg,#163c34,#10252b);border-color:#429576;color:#91dfb6}.mission-milestone.is-selected{outline:2px solid #eee2ff;outline-offset:4px}.mission-milestone:hover{filter:brightness(1.15)}.mission-milestone:focus-visible{outline:3px solid #eee2ff;outline-offset:4px}
.mission-road-progress{display:grid;gap:9px;margin:0 0 30px;padding:17px 20px;background:#10172c;border:1px solid #8c64bf44;border-radius:8px;color:#ded4ee}.mission-road-progress small{font-size:10px;letter-spacing:2px;color:#ae95cc}.mission-road-progress strong{font-size:13px}.mission-road-progress progress{width:100%;height:8px;border:0;accent-color:#a56aec}.mission-road-progress span{font-size:12px;color:#b7eccb}.mission-locked-panel{text-align:center;background:linear-gradient(145deg,#151d30,#0d1424);border:1px solid #56627d77;border-radius:12px;padding:32px 22px;color:#b0bdd0}.mission-locked-panel h2{font-size:22px;letter-spacing:3px;color:#d5deef}.mission-locked-panel p{max-width:520px;margin:16px auto;line-height:1.6}.mission-locked-panel>strong{display:block;margin:18px 0 28px;font-size:14px}.locked-symbol{font-size:36px;color:#8795b4}.mission-potential{font-size:27px;letter-spacing:4px;color:#bd8eea;margin-top:9px}.tier-content-status{font-size:10px;letter-spacing:1px;margin-left:auto;color:#d5b1fa}.tier-content-status.is-completed{color:#91dfb6}
@media(max-width:650px){.mission-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mission-milestone{min-height:145px}.mission-milestone:after{display:none}.mission-milestone:last-child{grid-column:1/-1}.mission-milestone strong{font-size:20px}.mission-section-heading{flex-wrap:wrap;gap:10px}}

.locked-symbol svg{width:38px;height:42px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}

.mission-value{line-height:1.5;white-space:normal}@media(max-width:650px){.mission-roadmap.has-even-tiers .mission-milestone:last-child{grid-column:auto}}
