.missions-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:280px;padding:32px 38px;margin-bottom:25px;overflow:hidden;border:1px solid #393335;border-radius:14px;background:#171719}.missions-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151517 25%,transparent 65%,#141416e6)}.missions-hero h1{font-size:clamp(38px,4.1vw,64px);line-height:.98;letter-spacing:-2px;margin:13px 0 16px}.missions-hero h1 span{display:block;color:#d34649}.missions-hero p{color:#b3b3ba;line-height:1.65;font-size:14px}.missions-hero-art{position:absolute;z-index:-2;inset:0 0 0 25%;background:url('images/tacticool-squad.jpg') center 42%/cover;opacity:.55;filter:saturate(.65)}.mission-hero-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;margin-top:15px}.mission-hero-link svg{width:15px;height:15px}.missions-hero-count{margin-left:auto;align-self:flex-end;text-align:right;position:relative}.missions-hero-count>span{font-size:9px;letter-spacing:1.8px;color:#b8b5b8}.missions-hero-count strong{display:block;font-size:50px;line-height:1.1;margin:10px 0;font-variant-numeric:tabular-nums}.missions-hero-count small{font-size:20px;color:#939398}.missions-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.missions-main{min-width:0}.mission-tabs{display:flex;gap:6px;border-bottom:1px solid #333337;margin-bottom:24px;scroll-margin-top:95px}.mission-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:#9c9ca4;padding:13px 19px;font-size:13px;font-weight:700;cursor:pointer}.mission-tabs button.active{color:#fff;border-bottom-color:#b6222b}.mission-tabs button:hover{color:#fff;background:#ffffff04}.mission-tabs svg{width:16px;height:16px}.mission-board>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 21px}.mission-board h2,.referral-detail h2{font-size:23px;letter-spacing:-.6px;margin-top:6px;line-height:1.2}.mission-reset{font-size:10px;color:#94949d;text-align:right;flex-shrink:0}.mission-reset b{display:block;font-size:12px;font-variant-numeric:tabular-nums;color:#ddd;margin-top:5px}.mission-checkpoints{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #323236;border-radius:10px;overflow:hidden;margin-bottom:20px;background:#17171a}.mission-checkpoints>div{display:flex;align-items:center;gap:12px;padding:16px}.mission-checkpoints>div+div{border-left:1px solid #323236}.mission-checkpoints>div>span{display:grid;place-items:center;background:#282024;border:1px solid #583034;border-radius:50%;width:33px;height:33px;color:#c9696c}.mission-checkpoints svg{width:16px;height:16px}.mission-checkpoints b{font-size:14px}.mission-checkpoints small{display:block;font-size:10px;color:#92929c;margin-top:3px}.mission-checkpoints .reached{background:#362023}.objective-list{display:flex;flex-direction:column;gap:9px}.objective{display:flex;align-items:center;gap:16px;padding:18px 19px;background:#17171a;border:1px solid #2b2b30;border-radius:10px;transition:border-color .2s,background .2s,transform .2s}.objective:hover{background:#1c1b1e;border-color:#654044;transform:translateX(3px)}.objective-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#242427;border:1px solid #35353a;color:#b3b3bc}.objective-icon svg{width:20px;height:20px}.objective-copy{min-width:0;flex:1}.objective h3{font-size:13px;line-height:1.4;margin:0 0 5px}.objective p{font-size:11px;color:#96969f;line-height:1.5;margin:0}.objective-track{display:flex;align-items:center;gap:10px;margin-top:12px;max-width:300px}.objective-track progress{height:4px;flex:1;min-width:0;border:0;background:#313135;border-radius:10px;overflow:hidden;appearance:none}.objective-track progress::-webkit-progress-bar{background:#313135}.objective-track progress::-webkit-progress-value{background:#b82b33;border-radius:10px}.objective-track progress::-moz-progress-bar{background:#b82b33}.objective-track>span{color:#aaaab3;font-size:9px;white-space:nowrap}.objective-reward{width:128px;flex-shrink:0;text-align:right}.objective-reward>strong{font-size:15px;color:#ece9e9}.objective-reward>small{display:block;font-size:9px;color:#8f8f97;margin:5px 0 9px}.objective-reward a{display:inline-flex;align-items:center;gap:10px;padding:5px 10px;border-radius:5px;border:1px solid #39393d;font-size:10px}.objective-reward a:hover{background:#93212a;border-color:#b63841}.objective-reward svg{height:12px;width:12px}.objective.is-complete{border-left:3px solid #ac343a}.objective.is-complete .objective-icon{color:#d68587;background:#342125;border-color:#5b2d33}.missions-aside{display:flex;flex-direction:column;gap:18px}.invite-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#65212766,transparent 60%),#1b181b;border:1px solid #573035;border-radius:13px;padding:28px 23px 20px}.invite-card:after{content:'';position:absolute;pointer-events:none;right:-50px;top:-25px;width:150px;height:190px;transform:rotate(25deg);border:22px solid #93303b0d;border-radius:28px}.invite-mark{display:grid;place-items:center;width:44px;height:44px;background:#63242a66;color:#ce666c;border-radius:12px;margin-bottom:23px}.invite-mark svg{width:25px;height:25px}.invite-card h2{font-size:34px;letter-spacing:-1px;line-height:1.05;margin:10px 0 15px}.invite-card p{font-size:12px;line-height:1.8;color:#aaa3aa}.invite-card p b{color:#f1e7e7}.invite-first{display:flex;align-items:center;gap:12px;padding:15px 0;margin:14px 0 8px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.invite-first svg{width:23px;height:23px;color:#c46f73}.invite-first b{font-size:13px}.invite-first small{display:block;font-size:10px;color:#ab9ea5;margin-top:5px}.invite-label{display:block;font-size:10px;font-weight:700;margin:17px 0 8px}.invite-link{display:flex;border:1px solid #514044;background:#111113;border-radius:7px;overflow:hidden}.invite-link input{display:block!important;border:0!important;background:transparent!important;margin:0!important;width:0!important;flex:1;min-width:0;padding:11px 9px!important;font-size:10px!important;color:#bdb5bb!important}.invite-link button{display:flex;align-items:center;gap:5px;border:0;border-left:1px solid #514044;background:#2c2327;color:#eee;font-size:10px;font-weight:700;padding:0 11px;cursor:pointer}.invite-link button svg{height:13px;width:13px}.invite-details{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:#d4b9bd;margin-top:19px;padding:0;font-size:11px;text-align:left;cursor:pointer}.mission-wheel{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #343438;border-radius:13px;background:#19191b;padding:24px 21px;scroll-margin-top:95px}.wheel-graphic{position:relative;border-radius:50%;background:conic-gradient(#99252d 0 45deg,#29272b 45deg 90deg,#7a222b 90deg 135deg,#29272b 135deg 180deg,#99252d 180deg 225deg,#29272b 225deg 270deg,#7a222b 270deg 315deg,#29272b 315deg);width:86px;height:86px;display:grid;place-items:center;border:3px solid #494147;box-shadow:0 0 0 6px #ffffff03;margin:3px 0 23px;transform:rotate(-15deg)}.wheel-graphic:before{content:'';position:absolute;top:-7px;left:32px;border-top:13px solid #ead7d9;border-left:8px solid transparent;border-right:8px solid transparent}.wheel-graphic>span{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#18181b;border:2px solid #686167;font-size:10px;font-weight:800;transform:rotate(15deg)}.mission-wheel h3{font-size:17px;margin:8px 0}.mission-wheel p{font-size:11px;color:#9999a3;line-height:1.6;margin:0 0 16px}.mission-wheel .button{font-size:11px;gap:15px}.mission-wheel .button svg{width:14px;height:14px}.mission-help{display:flex;align-items:center;gap:12px;padding:10px 5px;font-size:12px}.mission-help>svg{width:23px;height:23px;color:#bd6a6f}.mission-help span{flex:1}.mission-help b{font-size:12px}.mission-help small{display:block;font-size:10px;color:#898993;margin-top:5px}.mission-empty{padding:30px 22px;text-align:center;border:1px dashed #3f3f46;border-radius:10px;color:#9999a3;font-size:12px;line-height:1.6}.mission-sync-note{font-size:12px;color:#aaa;margin:0 0 16px}.referral-detail{background:#17171a;border:1px solid #303036;border-radius:12px;padding:26px}.referral-detail>header p{font-size:12px;color:#9999a3;margin-top:9px}.referral-rewards{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;border-top:1px solid #353239;border-bottom:1px solid #353239}.referral-rewards>div{display:flex;align-items:center;flex-direction:column;gap:8px;padding:20px 7px}.referral-rewards>div+div{border-left:1px solid #353239}.referral-rewards svg{width:20px;height:20px;color:#d37177}.referral-rewards b{font-size:28px}.referral-rewards b small{font-size:10px;color:#a69da6}.referral-rewards span{font-size:10px;color:#aaa5af;text-align:center}.referral-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:23px}.referral-steps li{display:flex;gap:15px}.referral-steps li>span{color:#b75a61;font-size:12px;font-weight:700;padding-top:2px}.referral-steps h3{font-size:13px;margin:0 0 7px}.referral-steps p,.referral-rule{color:#a2a0ab;line-height:1.7;font-size:12px;margin:0}.referral-rule{font-size:11px;padding:17px;background:#242024;border-left:2px solid #8f343e;margin-top:24px}.referral-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:25px 0;border-bottom:1px solid #33333a}.referral-totals span{font-size:9px;color:#a7a4ac}.referral-totals b{display:block;font-size:24px;color:#eee;margin-bottom:5px}.referral-friends-title{font-size:15px;margin:24px 0 17px}.invited-friend{border-top:1px solid #303036;padding:18px 0}.friend-heading{display:flex;align-items:center;gap:11px}.friend-heading h3{font-size:12px;margin:0}.friend-heading small{font-size:10px;color:#92909a}.friend-heading>b{margin-left:auto;font-size:11px}.friend-requirements{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.friend-requirements span{display:flex;align-items:center;gap:5px;font-size:9px;color:#aaa;padding:5px 7px;background:#242428;border-radius:5px}.friend-requirements svg{width:12px;height:12px}.friend-requirements .complete{color:#f0c6c9;background:#432329}.invited-friend>p{font-size:11px;color:#a39ca3;margin:12px 0 0}.missions-hero .eyebrow,.invite-card .eyebrow{color:#c8868b}
@media(min-width:1600px){.missions-layout{grid-template-columns:minmax(0,1fr) 350px}.objective{padding:21px}.missions-hero{min-height:320px}}
@media(max-width:1150px){.missions-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.objective{gap:11px;padding:15px 12px}.objective-reward{width:108px}.mission-checkpoints>div{gap:8px;padding:12px 8px}.mission-tabs button{padding:12px}.mission-board>header{align-items:flex-start;flex-direction:column;gap:12px}.mission-reset{text-align:left}.mission-reset b{display:inline;margin-left:8px}}
@media(max-width:850px){.missions-layout{grid-template-columns:1fr}.missions-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}.mission-help{grid-column:1/-1}.mission-board>header{flex-direction:row}.missions-hero{padding:28px;min-height:245px}.missions-hero-count strong{font-size:38px}.mission-checkpoints>div{padding:15px}.mission-reset b{display:block;margin-left:0}.mission-reset{text-align:right}}
@media(max-width:520px){.missions-hero{padding:24px 20px;min-height:270px}.missions-hero h1{font-size:43px}.missions-hero p{font-size:12px}.missions-hero-count{position:absolute;right:18px;bottom:24px}.missions-hero-count>span{font-size:7px;letter-spacing:.8px}.missions-hero-count strong{font-size:30px}.missions-hero-count small{font-size:14px}.missions-hero-art{left:0;opacity:.3}.missions-hero:after{background:linear-gradient(90deg,#151517c9,transparent)}.missions-aside{grid-template-columns:1fr}.mission-tabs{gap:0}.mission-tabs button{padding:12px 11px;font-size:11px;flex:1}.mission-tabs svg{display:none}.mission-board h2{font-size:18px}.mission-board>header{gap:12px}.mission-reset{font-size:9px}.mission-reset b{font-size:10px}.mission-checkpoints>div{padding:12px 7px;gap:7px}.mission-checkpoints>div>span{width:25px;height:25px}.mission-checkpoints b{font-size:12px}.mission-checkpoints small{font-size:8px}.objective{flex-wrap:wrap;gap:11px;padding:15px}.objective-icon{width:32px;height:32px;border-radius:8px;align-self:flex-start}.objective-icon svg{height:16px;width:16px}.objective-copy{flex-basis:calc(100% - 44px)}.objective-reward{width:100%;display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #ffffff09;text-align:left;margin-left:43px}.objective-reward strong{font-size:13px}.objective-reward small{margin:0;font-size:9px}.objective-reward a{margin-left:auto}.objective-track{max-width:none}.referral-detail{padding:21px 17px}.referral-totals{grid-template-columns:repeat(2,1fr);gap:20px}.referral-rewards b{font-size:24px}.friend-heading>b{font-size:9px}.mission-wheel{flex-direction:row;text-align:left;gap:23px}.wheel-graphic{flex-shrink:0;width:72px;height:72px;margin:0}.wheel-graphic:before{left:25px}}
@media(prefers-reduced-motion:reduce){.objective{transition:none}.objective:hover{transform:none}}
.wheel-graphic.is-spinning{animation:mission-spin 3s linear infinite}@keyframes mission-spin{to{transform:rotate(345deg)}}@media(prefers-reduced-motion:reduce){.wheel-graphic.is-spinning{animation:none}}

@media(max-width:520px){.missions-hero-count>span:first-child{display:none}}

.creator-program{margin:24px 0;padding:28px;border:1px solid #b7954b66;border-radius:16px;background:radial-gradient(ellipse at top right,#b7954b18,transparent 65%),#17181c}.creator-program h2{margin:12px 0;font-size:28px}.creator-program p{color:#bfc1ca;line-height:1.7;font-size:14px}.creator-program-summary{display:flex;align-items:center;gap:24px;margin:24px 0}.creator-program-summary>strong{font:600 36px Oxanium,Arial;color:#e5c274}.creator-program-summary small{font-size:18px}.creator-program-summary>span{font-size:13px;line-height:1.7;color:#bfc1ca}.creator-program-progress progress{width:100%;height:10px;accent-color:#d9b45c;display:block;margin-bottom:10px}.creator-program-progress b{font-size:14px}.creator-program .button{margin-top:10px}@media(max-width:500px){.creator-program{padding:20px}.creator-program-summary{align-items:flex-start;flex-direction:column;gap:8px}}

.donation-program{margin:24px 0;padding:24px;border:1px solid #87414b73;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#a2354320,transparent 65%),#17181c;scroll-margin-top:160px}.donation-program>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.donation-program .eyebrow{color:#d2979d}.donation-program h2{font:600 25px/1.2 Oxanium,Inter,sans-serif;color:#f1e8eb;margin:7px 0 0}.donation-repeatable{padding:5px 8px;border:1px solid #a7576447;border-radius:5px;color:#dca9b0;font-size:10px;white-space:nowrap}.donation-program-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 7px}.donation-program-summary>p{margin:0;font-size:14px;line-height:1.65;color:#d3c8cd}.donation-program-summary>p b{color:#f0d8dc}.donation-program-summary>strong{flex-shrink:0;font:600 29px/1.2 Oxanium,Inter,sans-serif;color:#e8c779;white-space:nowrap}.donation-program-summary>strong small{font-size:14px}.donation-program-description{max-width:650px;margin:0;color:#a9a8b3;font-size:12px;line-height:1.7}.donation-program-progress{margin-top:19px}.donation-program-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.donation-program-progress>div>span{font-size:11px;color:#a8a3ad}.donation-program-progress>div>strong{font:600 17px Oxanium,Inter,sans-serif;color:#eddae0;white-space:nowrap}.donation-program-progress>div>strong small{font-size:12px;color:#a5a0ab}.donation-program-progress progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#3a2930;accent-color:#cd6476}.donation-program-progress progress::-webkit-progress-bar{background:#3a2930}.donation-program-progress progress::-webkit-progress-value{background:#cd6476;border-radius:10px}.donation-program-progress progress::-moz-progress-bar{background:#cd6476;border-radius:10px}.donation-program-progress>p{margin:9px 0 0;font-size:11px;line-height:1.6;color:#d3a3ae}.donation-program-status{display:block;font-size:11px;line-height:1.6;color:#a09ca8;margin-top:3px;overflow-wrap:anywhere}.donation-program-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #ffffff10;padding-top:15px;margin-top:16px}.donation-program-totals>div{min-width:0}.donation-program-totals span{display:block;font-size:10px;color:#9894a1;margin-bottom:5px}.donation-program-totals strong{font:600 17px Oxanium,Inter,sans-serif;color:#ddd6df;overflow-wrap:anywhere}.donation-program-totals small{font-size:10px;color:#96909e}.donation-program>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px}.donation-program>footer>p{max-width:420px;margin:0;font-size:10px;line-height:1.7;color:#94909a}.donation-program>footer>p b{color:#beb3bb}.donation-program .button{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-size:11px;white-space:nowrap}.donation-program .button svg{height:13px;width:13px}@media(max-width:600px){.donation-program{padding:19px 17px}.donation-program h2{font-size:23px}.donation-program-summary{gap:16px}.donation-program-summary>p{font-size:12px}.donation-program-summary>strong{font-size:25px}.donation-program-totals{gap:12px}.donation-program-totals strong{font-size:15px}.donation-program>footer{align-items:flex-start;flex-direction:column;gap:12px}}

/* Mission center: focused overview and calm, responsive task cards. */
.mission-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:linear-gradient(115deg,#292026,#16181e);border:1px solid #6f3b495c;border-radius:16px;padding:24px;margin:24px 0}.mission-overview>div{display:flex;flex-direction:column;gap:10px;min-width:0}.mission-overview>div>span{font-size:10px;letter-spacing:1.5px;color:#bbb9c4}.mission-overview strong{font:600 32px Oxanium,Arial;color:#f1e9ed}.mission-overview strong small{font:500 16px Inter,Arial;color:#a7a8b5}.mission-overview .reset-value{font-size:23px}.mission-overview a,.mission-overview small{font-size:12px;color:#babdca}.mission-overview progress{width:100%;height:6px;accent-color:#d8566c}.mission-overview>p{grid-column:1/-1;margin:0;border-top:1px solid #ffffff10;padding-top:14px;color:#a8aab7;font-size:12px;line-height:1.6}.missions-layout{grid-template-columns:minmax(0,1fr) 260px}.missions-hero{min-height:220px}.mission-board{--mission-accent:#d85e75}.mission-board[data-scope=weekly]{--mission-accent:#7ebde8}.mission-board[data-scope=lifetime]{--mission-accent:#b6a1e4}.mission-tabs{gap:8px;flex-wrap:wrap}.mission-tabs button{padding:13px 18px;border-radius:9px}.mission-tabs button[data-mission-tab=weekly].active{border-color:#7ebde8;color:#a4d5f7;background:#7ebde814}.mission-tabs button[data-mission-tab=programs].active{border-color:#dbbc70;color:#e8cd8b;background:#dbbc7014}.mission-board .objective{border:1px solid #ffffff12;border-left:3px solid var(--mission-accent);border-radius:12px;margin:12px 0;padding:20px;gap:16px;background:linear-gradient(120deg,#22232a,#18191f);grid-template-columns:36px minmax(0,1fr) 165px}.objective-copy h3{font-size:16px;line-height:1.4}.objective-copy p{font-size:13px;line-height:1.65}.objective-track progress{accent-color:var(--mission-accent);height:7px}.objective-track span{font-size:12px}.objective-reward strong{font:600 21px Oxanium,Arial;color:var(--mission-accent)}.objective-reward small{font-size:11px;line-height:1.5}.objective-reward a{display:inline-flex;padding:9px 10px;border:1px solid #ffffff20;border-radius:7px;font-size:12px;margin-top:10px}.mission-completed{margin-top:24px;border:1px solid #ffffff18;border-radius:12px;padding:16px}.mission-completed>summary{cursor:pointer;font-size:14px;font-weight:700;padding:4px}.mission-completed .objective{border-left-color:#67b592;background:#171d1c}.mission-programs .invite-card{margin-top:24px;padding:24px;max-width:none}.mission-programs .invite-card h2{font-size:28px}.mission-programs .invite-mark{display:none}.missions-aside .mission-wheel{padding:18px}.missions-aside .wheel-graphic{display:none}.missions-aside .mission-wheel h3{font-size:19px}.missions-aside .mission-wheel p{font-size:12px;line-height:1.6}.missions-aside .mission-wheel .button{font-size:12px}.mission-just-completed{animation:mission-earned 1.2s ease-out}@keyframes mission-earned{from{box-shadow:0 0 0 2px #6edca399}to{box-shadow:0 0 0 2px transparent}}@media(max-width:1050px){.missions-layout{grid-template-columns:1fr}.missions-aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mission-overview{gap:16px}}@media(max-width:600px){.mission-overview{padding:18px;grid-template-columns:1fr 1fr}.mission-overview>div:nth-child(3){grid-column:1/-1}.mission-overview strong{font-size:26px}.mission-board .objective{grid-template-columns:minmax(0,1fr);padding:16px}.objective-icon{display:none}.objective-reward{text-align:left;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.objective-reward a{margin:0}.missions-aside{grid-template-columns:1fr}.mission-tabs button{flex:1 0 40%;padding:12px}.mission-completed{padding:12px}}@media(prefers-reduced-motion:reduce){.mission-just-completed{animation:none}}

.mission-double-reward{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.mission-double-reward del{font:500 13px Inter,Arial;color:#94939e;text-decoration-thickness:1.5px}.mission-double-reward>span{color:#f3d180;font:600 23px Oxanium,Arial}.mission-double-reward em{font:700 9px Inter,Arial;letter-spacing:1px;font-style:normal;padding:4px 6px;border:1px solid #d9b75c55;border-radius:4px;background:#d9b75c10;color:#e3c276}.mission-checkpoints .mission-double-reward{align-items:flex-start}.mission-checkpoints .mission-double-reward>span{font-size:18px}@media(max-width:600px){.mission-double-reward{align-items:flex-start}}
/* Repeatable watchtime rewards have their own clearly labelled mission tab. */
.mission-tabs button[data-mission-tab=watchtime].active{border-color:#db7b8b;color:#f0bfca;background:#bd455e14}
.watchtime-mission-card{padding:26px;border:1px solid #603843;border-radius:14px;background:linear-gradient(125deg,#34212765,#18191e 70%);min-width:0;scroll-margin-top:120px}
.watchtime-mission-card>header{display:flex;align-items:center;gap:13px;padding-bottom:23px;border-bottom:1px solid #47323c}
.watchtime-mission-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:11px;background:#54263266;border:1px solid #844252;color:#e096a7}
.watchtime-mission-icon svg{width:21px;height:21px}
.watchtime-mission-card .eyebrow{color:#ba8696;font-size:9px;letter-spacing:1.7px}
.watchtime-mission-card h2{font:650 24px/1.2 Oxanium,Inter,sans-serif;color:#f2e8ef;letter-spacing:-.6px;margin:6px 0 0}
.watchtime-repeatable{margin-left:auto;font-size:9px;font-weight:600;letter-spacing:.5px;padding:5px 9px;color:#d5a9b8;border:1px solid #714452;border-radius:5px;background:#5a2a372b;white-space:nowrap}
.watchtime-mission-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 26px;padding:25px 0 22px}
.watchtime-mission-goal>div{display:contents}
.watchtime-mission-goal h3{grid-column:1;grid-row:1;font-size:18px;line-height:1.35;letter-spacing:-.4px;margin:0}
.watchtime-mission-goal p{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.8;color:#ab9ea9;max-width:none;min-width:0}
.watchtime-mission-goal p b{color:#e3c6d2;font-weight:600}
.watchtime-mission-goal>strong{grid-column:2;grid-row:1;font:650 35px/1.1 Oxanium,Inter,sans-serif;letter-spacing:-1px;color:#efc876;white-space:nowrap}
.watchtime-mission-goal>strong small{font-size:14px;letter-spacing:0;color:#c4a870}
.watchtime-mission-progress{padding:20px;border:1px solid #4b3543;border-radius:10px;background:#141317}
.watchtime-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}
.watchtime-progress-heading>span{font-size:12px;font-weight:600;color:#dbbdce;line-height:1.6}
.watchtime-progress-heading>strong{font:600 27px/1.2 Oxanium,Inter,sans-serif;color:#f2e7ef;letter-spacing:-.6px;white-space:nowrap}
.watchtime-progress-heading>strong small{font:500 13px/1.2 Inter,sans-serif;color:#9f8d9f;letter-spacing:0}
.watchtime-mission-track{display:flex;min-width:0;width:100%;height:8px}
.watchtime-mission-track progress,.watchtime-mission-track>span{display:block;width:100%;height:8px;min-width:0;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#38303b}
.watchtime-mission-track progress::-webkit-progress-bar{background:#38303b}
.watchtime-mission-track progress::-webkit-progress-value{background:linear-gradient(90deg,#a83751,#db7b93);border-radius:10px}
.watchtime-mission-track progress::-moz-progress-bar{background:#cc617e;border-radius:10px}
.watchtime-mission-track.is-unavailable>span{background:repeating-linear-gradient(110deg,#302a34 0 8px,#26212b 8px 16px)}
.watchtime-mission-progress>p{font-size:11px;line-height:1.7;color:#aa90a5;margin-top:11px}
.watchtime-mission-status{font-size:12px;line-height:1.8;color:#a995a9;margin:16px 0 21px}
.watchtime-mission-card[data-watchtime-state=review] .watchtime-mission-status,.watchtime-mission-card[data-watchtime-state=paused] .watchtime-mission-status{padding:13px;border:1px solid #725332;border-radius:7px;background:#59412121;color:#d9b884}
.watchtime-mission-card[data-watchtime-state=complete] .watchtime-repeatable{border-color:#467b65;background:#365d412b;color:#9fd4b7}
.watchtime-mission-card[data-watchtime-state=complete] .watchtime-mission-track progress::-webkit-progress-value{background:#66b78b}
.watchtime-mission-card[data-watchtime-state=complete] .watchtime-mission-track progress::-moz-progress-bar{background:#66b78b}
.watchtime-mission-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #3b2d3c;border-bottom:1px solid #3b2d3c;padding:19px 0}
.watchtime-mission-totals>div{min-width:0}
.watchtime-mission-progress+.watchtime-mission-totals{margin-top:20px}
.watchtime-mission-totals span{display:block;font-size:10px;color:#a08ca3;margin-bottom:8px}
.watchtime-mission-totals strong{font:600 27px/1.2 Oxanium,Inter,sans-serif;letter-spacing:-.5px;color:#e8dbea;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.watchtime-mission-totals small{font:400 12px/1.3 Inter,sans-serif;color:#99859d;letter-spacing:0}
.watchtime-mission-receipt{font-size:10px;line-height:1.7;color:#a592ae;margin:12px 0 0}
.watchtime-mission-receipt strong{font-weight:550;color:#b9d7c4}
.watchtime-mission-card>footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px}
.watchtime-mission-card>footer>p{font-size:11px;line-height:1.8;color:#a18ca6;max-width:330px}
.watchtime-mission-card>footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.watchtime-mission-card>footer .button{font-size:11px;gap:12px;min-height:40px}
.watchtime-mission-card>footer .button svg{width:14px;height:14px}
.watchtime-history-link{font-size:10px;color:#c2a7c8}
.watchtime-history-link:hover{color:#f0d4f6}
@media(max-width:1200px){.watchtime-mission-card{padding:22px}.watchtime-mission-goal{gap:12px 20px}.watchtime-mission-goal>strong{font-size:30px}.watchtime-mission-card>footer{align-items:flex-start;gap:18px}}
@media(max-width:600px){
 .mission-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px;scrollbar-width:thin;scrollbar-color:#4c3446 transparent}
 .mission-tabs button{flex:1 0 auto;padding:12px 10px;font-size:11px;white-space:nowrap}
 .watchtime-mission-card{padding:19px 17px;border-radius:12px}
 .watchtime-mission-card>header{gap:10px;padding-bottom:19px}
 .watchtime-mission-card h2{font-size:22px}
 .watchtime-mission-icon{width:34px;height:34px;border-radius:9px}
 .watchtime-mission-icon svg{width:17px;height:17px}
 .watchtime-repeatable{font-size:8px;padding:4px 6px}
 .watchtime-mission-goal{padding:21px 0 18px;gap:12px 14px}
 .watchtime-mission-goal h3{font-size:17px}
 .watchtime-mission-goal p{font-size:12px}
 .watchtime-mission-goal>strong{font-size:34px}
 .watchtime-mission-progress{padding:16px 14px}
 .watchtime-progress-heading{flex-wrap:wrap;gap:8px;margin-bottom:13px}
 .watchtime-progress-heading>strong{font-size:27px}
 .watchtime-progress-heading>span{font-size:11px}
 .watchtime-mission-status{font-size:11px;margin:14px 0 18px}
 .watchtime-mission-totals{gap:12px;padding:17px 0}
 .watchtime-mission-totals span{font-size:9px;line-height:1.5;margin-bottom:7px}
 .watchtime-mission-totals strong{font-size:23px}
 .watchtime-mission-totals small{font-size:10px}
 .watchtime-mission-card>footer{flex-direction:column;padding-top:20px;gap:18px}
 .watchtime-mission-card>footer>p{max-width:none}
 .watchtime-mission-card>footer>div{align-items:flex-start;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px}
}